<!DOCTYPE html> <html class="client-js ve-available" lang=en dir=ltr><!--
 Page saved with SingleFile 
 url: https://en.wikipedia.org/wiki/BrowserQuest 
 saved date: Tue Sep 01 2020 01:53:03 GMT+0200 (South Africa Standard Time)
--><meta charset=utf-8>
<title>BrowserQuest - Wikipedia</title>
<style>.mw-cite-backlink,.cite-accessibility-label{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}ol.references{counter-reset:mw-ref-extends-parent list-item}ol.references>li{counter-increment:mw-ref-extends-parent;counter-reset:mw-ref-extends-child}sup.reference{unicode-bidi:-moz-isolate;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;white-space:nowrap;font-weight:normal;font-style:normal}ol.references li:target,sup.reference:target{background-color:#eaf3ff}#p-lang .uls-settings-trigger{background:transparent url() no-repeat center top;border:0;min-height:16px;min-width:16px;float:right;cursor:pointer}#p-lang .uls-settings-trigger:focus{outline:1px solid #36c}.skin-vector #p-lang .uls-settings-trigger{margin-top:8px}#p-lang .uls-settings-trigger:hover{background-position:center -16px}.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type){margin-right:0.25em;color:#54595d}.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type){margin-left:0.25em;color:#54595d}.toctogglecheckbox:checked~ul{display:none}@media screen{:not(:checked)>.toctogglecheckbox{display:inline!important;position:absolute;opacity:0;z-index:-1}.toctogglespan{font-size:94%}:not(:checked)>.toctogglespan:before{content:' ['}:not(:checked)>.toctogglespan:after{content:']'}.toctogglelabel{cursor:pointer;color:#0645ad}.toctogglelabel:hover{text-decoration:underline}.toctogglecheckbox:focus+.toctitle .toctogglelabel{text-decoration:underline;outline:dotted 1px;outline:auto -webkit-focus-ring-color}.toctogglecheckbox:checked+.toctitle .toctogglelabel:after{content:'show'}.toctogglecheckbox:not(:checked)+.toctitle .toctogglelabel:after{content:'hide'}}@media screen{html,body{height:100%}:focus{outline-color:#3366cc}body{background-color:#f6f6f6;overflow-y:scroll}.mw-body{background-color:#ffffff;color:#202122;direction:ltr;padding:1em}#p-personal{position:absolute;top:6px;right:0.75em;z-index:100}#p-personal ul{padding-left:10em}#p-personal li{float:left}.mw-body,#mw-data-after-content{margin-left:10em}.mw-body{margin-top:-1px;border:1px solid #a7d7f9;border-right-width:0}.mw-body .firstHeading{overflow:visible}.mw-indicators{float:right}.mw-body-content{position:relative;z-index:0}.mw-body-content:after{clear:both;content:'';display:block}#mw-page-base{background-color:#fbfbfb;background-image:-webkit-gradient(linear,right top,right bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));background-image:-webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);background-image:-moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);background-image:linear-gradient(to bottom,#ffffff 50%,#f6f6f6 100%);background-position:bottom left;height:5em}#mw-head-base{margin-top:-5em;margin-left:10em;height:5em}#mw-navigation h2{position:absolute;top:-9999px}#mw-head{position:absolute;top:0;right:0;width:100%}#left-navigation{float:left;margin-left:10em;margin-top:2.5em;margin-bottom:-2.5em}#right-navigation{float:right;margin-top:2.5em}#p-search{float:left;margin-right:0.5em;margin-left:0.5em}#p-search form{margin:0.5em 0 0}#simpleSearch{min-width:5em;width:20vw;max-width:20em}#mw-panel{position:absolute;top:0;width:10em;left:0}.mw-footer{margin-left:10em;margin-top:0}html{font-size:100%}html,body{font-family:sans-serif}ul{list-style-image:url()}.mw-jump-link:not(:focus){display:block;position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}#p-personal li{font-size:0.75em}.mw-editsection{font-family:sans-serif}.mw-body h1,.mw-body-content h2{margin-bottom:0.25em;padding:0;font-family:'Linux Libertine','Georgia','Times',serif;line-height:1.3}.mw-body h1:lang(ja),.mw-body-content h1:lang(ja),.mw-body-content h2:lang(ja),.mw-body h1:lang(he),.mw-body-content h1:lang(he),.mw-body-content h2:lang(he),.mw-body h1:lang(ko),.mw-body-content h1:lang(ko),.mw-body-content h2:lang(ko){font-family:sans-serif}.mw-body h1:lang(my),.mw-body-content h1:lang(my),.mw-body-content h2:lang(my){line-height:normal}.mw-body h1{font-size:1.8em}.mw-body-content{font-size:calc(1em * 0.875);line-height:1.6}.mw-body-content h2{margin-top:1em;font-size:1.5em}.mw-body-content h3{margin-top:0.3em;margin-bottom:0;padding-bottom:0;line-height:1.6}.mw-body-content h3{font-size:1.2em}.mw-body-content h3{font-weight:bold}.mw-body-content .toc h2{font-family:sans-serif;font-size:100%}.mw-body-content p{margin:0.5em 0}.mw-parser-output .external{background-image:url();background-position:center right;background-repeat:no-repeat;padding-right:13px}.mw-body .mw-indicators{font-size:0.875em;line-height:1.6;position:relative}#siteNotice{font-size:0.8em}.vector-menu ul{list-style:none none;margin:0}.vector-menu li{margin-left:0.75em;padding-top:0.5em;line-height:1.16666667}#pt-anonuserpage{background-image:url();background-position:left 0.33333333em;background-repeat:no-repeat;background-size:1.16666667em 1.16666667em;padding-top:0.5em!important;padding-left:16px!important}#pt-anonuserpage{color:#54595d}#p-search h3{display:block;position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}#simpleSearch{position:relative;height:100%}#simpleSearch input{margin:0}#searchInput{background-color:rgba(255,255,255,0.5);color:#000000;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #a2a9b1;border-radius:2px;padding:0.4em 1.84615385em 0.4em 0.4em;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent;font-size:0.8125em;direction:ltr;-webkit-transition:border-color 250ms,box-shadow 250ms;-moz-transition:border-color 250ms,box-shadow 250ms;transition:border-color 250ms,box-shadow 250ms;-webkit-appearance:none;-moz-appearance:textfield}#simpleSearch:hover #searchInput{border-color:#72777d}#searchInput:focus,#simpleSearch:hover #searchInput:focus{outline:0;border-color:#3366cc;-webkit-box-shadow:inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff;box-shadow:inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff}#searchInput::-webkit-input-placeholder{color:#72777d;opacity:1}#searchInput::placeholder{color:#72777d;opacity:1}#searchInput::-webkit-search-decoration,#searchInput::-webkit-search-cancel-button,#searchInput::-webkit-search-results-button,#searchInput::-webkit-search-results-decoration{display:none}#searchButton,#mw-searchButton{background-color:transparent;position:absolute;top:1px;bottom:1px;right:1px;min-width:24px;width:1.84615385em;border:0;padding:0;cursor:pointer;font-size:0.8125em;direction:ltr;text-indent:-99999px;white-space:nowrap;overflow:hidden;z-index:1}#searchButton{background-image:url();background-position:center center;background-repeat:no-repeat}.vector-menu-tabs{background-position:left bottom;float:left;height:2.5em;padding-left:1px}.vector-menu-tabs ul{float:left;height:100%;list-style:none none;margin:0;padding:0}.vector-menu-tabs li{background-image:linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);background-position:left bottom;background-repeat:repeat-x;float:left;display:block;height:100%;margin:0;padding:0;line-height:1.125em;white-space:nowrap}.vector-menu-tabs li a{background-position:right bottom;color:#0645ad;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;float:left;height:3.07692308em;position:relative;padding-top:1.25em;padding-left:8px;padding-right:8px;font-size:0.8125em;cursor:pointer}.vector-menu-tabs .selected{background:#ffffff}.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited{color:#202122;text-decoration:none}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.vector-menu-tabs,.vector-menu-tabs a{background-image:linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f9 100%);background-repeat:no-repeat;background-size:1px 100%}.vector-menu-portal{margin:0 0.6em 0 0.7em;padding:0.25em 0;direction:ltr}.vector-menu-portal h3{display:block;background-image:linear-gradient(to right,rgba(200,204,209,0) 0,#c8ccd1 33%,#c8ccd1 66%,rgba(200,204,209,0) 100%);background-position:center bottom;background-repeat:no-repeat;background-size:100% 1px;color:#54595d;margin:0.5em 0 0 0.66666667em;border:0;padding:0.25em 0;font-size:0.75em;font-weight:normal;cursor:default}.vector-menu-portal .body{margin-left:0.5em;padding-top:0}.vector-menu-portal .body ul{list-style:none none;margin:0;padding-top:0.3em}.vector-menu-portal .body li{margin:0;padding:0.25em 0;font-size:0.75em;line-height:1.125em;word-wrap:break-word}.vector-menu-portal .body li a{color:#0645ad}.vector-menu-portal .body li a:visited{color:#0b0080}#mw-panel{font-size:inherit}#mw-panel .portal-first{background-image:none}#mw-panel .portal-first .body{margin-left:0.5em}#p-logo{width:10em;height:160px;margin-bottom:1em}#p-logo a{background-position:center center;background-repeat:no-repeat;display:block;width:10em;height:160px;text-decoration:none}.mw-footer{padding:0.75em;direction:ltr}.mw-footer ul{list-style:none none;margin:0;padding:0}.mw-footer li{color:#202122;margin:0;padding:0.5em 0;font-size:0.75em}#footer-icons{float:right}#footer-icons li{float:left;margin-left:0.5em;line-height:2;text-align:right}#footer-info li{line-height:1.4}#footer-places li{float:left;margin-right:1em;line-height:2}}@media screen and (min-width:982px){.mw-body,#mw-head-base,#left-navigation,#mw-data-after-content,.mw-footer{margin-left:11em}.mw-body{padding:1.25em 1.5em 1.5em 1.5em}.mw-footer{padding:1.25em}#mw-panel{padding-left:0.5em}#p-search{margin-right:1em}#p-personal{right:1em}}.firstHeading:before{content:url();display:block;height:18px;left:-9999px;line-height:0;margin-bottom:20px;position:absolute;width:119px}.mw-wiki-logo{background-image:url()}@media screen{body{margin:0}@supports (text-decoration:underline dotted){abbr[title]{border-bottom:0;text-decoration:underline dotted}}a{text-decoration:none;color:#0645ad;background:none}a:not([href]){cursor:pointer}a:visited{color:#0b0080}a:active{color:#faa700}a:hover,a:focus{text-decoration:underline}a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}a.new:visited,#p-personal a.new:visited{color:#a55858}.mw-parser-output a.external{color:#36b}.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited{color:#636}.mw-parser-output a.extiw:active,.mw-parser-output a.external:active{color:#b63}.mw-parser-output a.external.free{word-wrap:break-word}img{border:0;vertical-align:middle}h1,h2,h3{color:#000;margin:0;padding-top:0.5em;padding-bottom:0.17em;overflow:hidden}h1,h2{margin-bottom:0.6em;border-bottom:1px solid #a2a9b1}h3{margin-bottom:0.3em}h1{font-size:188%;font-weight:normal}h2{font-size:150%;font-weight:normal}h3{font-size:128%}p{margin:0.4em 0 0.5em 0}ul{margin:0.3em 0 0 1.6em;padding:0}ol{list-style-image:none}li{margin-bottom:0.1em}form{border:0;margin:0}.toc{border:1px solid #a2a9b1;background-color:#f8f9fa;font-size:95%}.toc{display:table;padding:7px}.toc h2{display:inline;border:0;padding:0;font-size:100%;font-weight:bold}.toc .toctitle{text-align:center}.toc ul{list-style-type:none;list-style-image:none;margin-left:0}.tocnumber,.toctext{display:table-cell;text-decoration:inherit}.tocnumber{color:#202122}.mw-content-ltr .tocnumber{padding-left:0;padding-right:0.5em}div.tright{margin:0.5em 0 1.3em 1.4em}.catlinks{border:1px solid #a2a9b1;background-color:#f8f9fa;padding:5px;margin-top:1em;clear:both}#siteNotice{position:relative;text-align:center;margin:0}#siteSub{display:none}#contentSub,#contentSub2{font-size:84%;line-height:1.2em;margin:0 0 1.4em 1em;color:#54595d;width:auto}.mw-content-ltr{direction:ltr}.sitedir-ltr input{direction:ltr}@supports (text-decoration:underline dotted){abbr[title],.explain[title]{border-bottom:0;text-decoration:underline dotted}}#catlinks{text-align:left}.catlinks ul{display:inline;margin:0;padding:0;list-style:none none}.catlinks li{display:inline-block;line-height:1.25em;border-left:1px solid #a2a9b1;margin:0.125em 0;padding:0 0.5em}.catlinks li:first-child{padding-left:0.25em;border-left:0}a.new{color:#ba0000}.mw-content-ltr ul{margin:0.3em 0 0 1.6em;padding:0}.mw-content-ltr ol{margin:0.3em 0 0 3.2em;padding:0}h1:lang(anp),h1:lang(as),h1:lang(bh),h1:lang(bho),h1:lang(bn),h1:lang(gu),h1:lang(hi),h1:lang(kn),h1:lang(ks),h1:lang(ml),h1:lang(mr),h1:lang(my),h1:lang(mai),h1:lang(ne),h1:lang(new),h1:lang(or),h1:lang(pa),h1:lang(pi),h1:lang(sa),h1:lang(ta),h1:lang(te){line-height:1.6em!important}h2:lang(anp),h3:lang(anp),h4:lang(anp),h5:lang(anp),h6:lang(anp),h2:lang(as),h3:lang(as),h4:lang(as),h5:lang(as),h6:lang(as),h2:lang(bho),h3:lang(bho),h4:lang(bho),h5:lang(bho),h6:lang(bho),h2:lang(bh),h3:lang(bh),h4:lang(bh),h5:lang(bh),h6:lang(bh),h2:lang(bn),h3:lang(bn),h4:lang(bn),h5:lang(bn),h6:lang(bn),h2:lang(gu),h3:lang(gu),h4:lang(gu),h5:lang(gu),h6:lang(gu),h2:lang(hi),h3:lang(hi),h4:lang(hi),h5:lang(hi),h6:lang(hi),h2:lang(kn),h3:lang(kn),h4:lang(kn),h5:lang(kn),h6:lang(kn),h2:lang(ks),h3:lang(ks),h4:lang(ks),h5:lang(ks),h6:lang(ks),h2:lang(ml),h3:lang(ml),h4:lang(ml),h5:lang(ml),h6:lang(ml),h2:lang(mr),h3:lang(mr),h4:lang(mr),h5:lang(mr),h6:lang(mr),h2:lang(my),h3:lang(my),h4:lang(my),h5:lang(my),h6:lang(my),h2:lang(mai),h3:lang(mai),h4:lang(mai),h5:lang(mai),h6:lang(mai),h2:lang(ne),h3:lang(ne),h4:lang(ne),h5:lang(ne),h6:lang(ne),h2:lang(new),h3:lang(new),h4:lang(new),h5:lang(new),h6:lang(new),h2:lang(or),h3:lang(or),h4:lang(or),h5:lang(or),h6:lang(or),h2:lang(pa),h3:lang(pa),h4:lang(pa),h5:lang(pa),h6:lang(pa),h2:lang(pi),h3:lang(pi),h4:lang(pi),h5:lang(pi),h6:lang(pi),h2:lang(sa),h3:lang(sa),h4:lang(sa),h5:lang(sa),h6:lang(sa),h2:lang(ta),h3:lang(ta),h4:lang(ta),h5:lang(ta),h6:lang(ta),h2:lang(te),h3:lang(te),h4:lang(te),h5:lang(te),h6:lang(te){line-height:1.2em}ol:lang(azb) li,ol:lang(bcc) li,ol:lang(bgn) li,ol:lang(bqi) li,ol:lang(fa) li,ol:lang(glk) li,ol:lang(kk-arab) li,ol:lang(lrc) li,ol:lang(luz) li,ol:lang(mzn) li{list-style-type:persian}ol:lang(ckb) li,ol:lang(sdh) li{list-style-type:arabic-indic}ol:lang(hi) li,ol:lang(mai) li,ol:lang(mr) li,ol:lang(ne) li{list-style-type:devanagari}ol:lang(as) li,ol:lang(bn) li{list-style-type:bengali}ol:lang(or) li{list-style-type:oriya}.toc ul{margin:0.3em 0}.mw-content-ltr .toc ul{text-align:left}.mw-content-ltr .toc ul ul{margin:0 0 0 2em}.toc .toctitle{direction:ltr}div.tright{clear:right;float:right}.mw-editsection{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mw-editsection{font-size:small;font-weight:normal;vertical-align:baseline;line-height:1em}.mw-content-ltr .mw-editsection{margin-left:1em}sup{line-height:1}}@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:144dpi){.mw-wiki-logo{background-image:url();background-size:135px auto}}@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.mw-wiki-logo{background-image:url();background-size:135px auto}}.wb-langlinks-link{line-height:1.125em;font-size:0.75em;float:right}.wb-langlinks-link{list-style:none none;text-align:right;padding-right:0.5em!important}.wb-langlinks-link>a:before{content:'';background-image:url();background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%230645ad%22 d=%22M10.5 4.7l1.3-1.3c.3-.3.3-.7 0-.9L9.6.2c-.3-.3-.7-.3-.9 0L7.3 1.5l3.2 3.2zM6.6 2.2L0 8.8V12h3.2l6.6-6.6-3.2-3.2z%22/%3E %3C/svg%3E");background-position:left top;background-repeat:no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;display:inline-block;width:10px;height:10px;margin-right:2px;vertical-align:top}.wb-langlinks-link>a:link,.wb-langlinks-link>a:visited{color:#54595d!important}.wb-langlinks-link>a:link:before,.wb-langlinks-link>a:visited:before{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.73}.wb-langlinks-link>a:hover{color:#0645ad!important}.wb-langlinks-link>a:hover:before{-webkit-filter:none;filter:none;opacity:1}div.after-portlet-lang:after{content:'';clear:both;display:block}@-webkit-keyframes oo-ui-pendingElement-stripes{0%{background-position:-1.42857143em 0}100%{background-position:0 0}}@-moz-keyframes oo-ui-pendingElement-stripes{0%{background-position:-1.42857143em 0}100%{background-position:0 0}}@keyframes oo-ui-pendingElement-stripes{0%{background-position:-1.42857143em 0}100%{background-position:0 0}}@supports (filter:drop-shadow(0 0 0)){.oo-ui-popupWidget{filter:drop-shadow(0 2px 1px rgba(0,0,0,0.3));-webkit-transform:translateZ(0);transform:translateZ(0)}.oo-ui-popupWidget-popup{box-shadow:none}}@-webkit-keyframes oo-ui-progressBarWidget-slide{from{-webkit-transform:translate(-100%);-moz-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(350%);-moz-transform:translate(350%);-ms-transform:translate(350%);transform:translate(350%)}}@-moz-keyframes oo-ui-progressBarWidget-slide{from{-webkit-transform:translate(-100%);-moz-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(350%);-moz-transform:translate(350%);-ms-transform:translate(350%);transform:translate(350%)}}@keyframes oo-ui-progressBarWidget-slide{from{-webkit-transform:translate(-100%);-moz-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(350%);-moz-transform:translate(350%);-ms-transform:translate(350%);transform:translate(350%)}}@-webkit-keyframes rt-fade-in-up{0%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);transform:translate(0,20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes rt-fade-in-up{0%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);transform:translate(0,20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@keyframes rt-fade-in-up{0%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);transform:translate(0,20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rt-fade-in-down{0%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes rt-fade-in-down{0%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@keyframes rt-fade-in-down{0%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rt-fade-out-down{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);transform:translate(0,20px)}}@-moz-keyframes rt-fade-out-down{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);transform:translate(0,20px)}}@keyframes rt-fade-out-down{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);transform:translate(0,20px)}}@-webkit-keyframes rt-fade-out-up{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px)}}@-moz-keyframes rt-fade-out-up{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px)}}@keyframes rt-fade-out-up{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);transform:translate(0,-20px)}}@-webkit-keyframes centralAuthPPersonalAnimation{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes centralAuthPPersonalAnimation{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes centralAuthPPersonalAnimation{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes centralAuthPPersonalAnimation{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.cite-accessibility-label{top:-99999px;clip:rect(1px,1px,1px,1px);position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.mw-editsection{unicode-bidi:-moz-isolate;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.mw-editsection:before{content:'\200B'}.mw-editsection a{white-space:nowrap}@-webkit-keyframes mwe-popups-fade-in-up{0%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes mwe-popups-fade-in-up{0%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@keyframes mwe-popups-fade-in-up{0%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes mwe-popups-fade-in-down{0%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes mwe-popups-fade-in-down{0%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@keyframes mwe-popups-fade-in-down{0%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes mwe-popups-fade-out-down{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}}@-moz-keyframes mwe-popups-fade-out-down{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}}@keyframes mwe-popups-fade-out-down{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,20px);-moz-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)}}@-webkit-keyframes mwe-popups-fade-out-up{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}}@-moz-keyframes mwe-popups-fade-out-up{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}}@keyframes mwe-popups-fade-out-up{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}}#mwe-popups-svg{position:absolute;top:-1000px}</style><meta name=ResourceLoaderDynamicStyles content>
<style>.mw-body-content sup{font-size:80%}body.action-info .mw-body-content :target,.citation:target{background-color:#def;background-color:rgba(0,127,255,0.133)}.citation{word-wrap:break-word}div.reflist{font-size:90%;margin-bottom:0.5em}div.reflist ol.references{font-size:100%;margin-bottom:0;list-style-type:inherit}div.columns{margin-top:0.3em}div.columns ol{margin-top:0}div.columns li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column}.plainlist ul{list-style:none none;margin:0}.plainlist ul li{margin-bottom:0}.infobox{border:1px solid #a2a9b1;background-color:#f8f9fa;color:black;margin:0.5em 0 0.5em 1em;padding:0.2em;clear:right;line-height:1.5em}.infobox td,.infobox th{vertical-align:top;text-align:left}.nowrap{white-space:nowrap}@media screen{#siteSub{display:block}}#siteSub{font-size:92%}.mw-body .mw-indicators{padding-top:0.4em}</style>
<meta name=generator content="MediaWiki 1.36.0-wmf.6">
<meta name=referrer content=origin>
<meta name=referrer content=origin-when-crossorigin>
<meta name=referrer content=origin-when-cross-origin>
<link rel=alternate media="only screen and (max-width: 720px)" href=https://en.m.wikipedia.org/wiki/BrowserQuest>
<link rel=alternate type=application/x-wiki title="Edit this page" href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit">
<link rel=edit title="Edit this page" href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit">
<link rel=search type=application/opensearchdescription+xml href=https://en.wikipedia.org/w/opensearch_desc.php title="Wikipedia (en)">
<link rel=EditURI type=application/rsd+xml href="https://en.wikipedia.org/w/api.php?action=rsd">
<link rel=license href=https://creativecommons.org/licenses/by-sa/3.0/>
<link rel=canonical href=https://en.wikipedia.org/wiki/BrowserQuest>
<style>#eruda,#eruda *{font-family:Arial,Helvetica,sans-serif}mean-ai,mean-ai *{pointer-events:none!important;cursor:default!important}mean-ai,mean-ai *{font-family:Arial,Helvetica,sans-serif;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;border:none;outline:0;text-decoration:none;cursor:default!important;pointer-events:none!important}#meanOs-ui,mean-ai{width:100%!important;height:100%!important;overflow:hidden!important;z-index:2147483647!important;position:fixed!important;display:block!important;top:0!important}@keyframes meanOs-ball-rolling{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes meanOs-ball-rolling-b{from{transform:rotate(0)}to{transform:rotate(-359deg)}}mean-ai #meanOs-ui-container{border-bottom:0;border-left:0;padding:5px;width:250px;height:250px;position:fixed;right:10px;transform:scale(.8)}mean-ai #meanOs-ui-container #meanAiHandle{right:10px;top:10px;cursor:pointer!important;position:absolute!important;opacity:.9;transition:all .5s linear .5s}mean-ai .draggable{cursor:move}mean-ai #meanAi-icon{width:45px;height:45px;text-shadow:1px 1px 15px rgba(0,0,0,.9);-webkit-filter:drop-shadow(1px 1px 15px rgba(0,0,0,.9));filter:drop-shadow(1px 1px 15px rgba(0,0,0,.9));transition:all .1s linear .1s;cursor:pointer!important;position:fixed!important;pointer-events:all!important;z-index:99999999999999999999999999999999!important}@keyframes harlem{0%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}25%{transform:translate(5px,5px);-webkit-transform:translate(5px,5px);-moz-transform:translate(5px,5px);-o-transform:translate(5px,5px);-ms-transform:translate(5px,5px)}50%{transform:translate(-5px,-5px);-webkit-transform:translate(-5px,-5px);-moz-transform:translate(-5px,-5px);-o-transform:translate(-5px,-5px);-ms-transform:translate(-5px,-5px)}75%{transform:translate(2px,2px);-webkit-transform:translate(2px,2px);-moz-transform:translate(2px,2px);-o-transform:translate(2px,2px);-ms-transform:translate(2px,2px)}100%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}@-webkit-keyframes harlem{0%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}25%{transform:translate(5px,5px);-webkit-transform:translate(5px,5px);-moz-transform:translate(5px,5px);-o-transform:translate(5px,5px);-ms-transform:translate(5px,5px)}50%{transform:translate(-5px,-5px);-webkit-transform:translate(-5px,-5px);-moz-transform:translate(-5px,-5px);-o-transform:translate(-5px,-5px);-ms-transform:translate(-5px,-5px)}75%{transform:translate(2px,2px);-webkit-transform:translate(2px,2px);-moz-transform:translate(2px,2px);-o-transform:translate(2px,2px);-ms-transform:translate(2px,2px)}100%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0)}}@-webkit-keyframes blink{50%{opacity:0}}@keyframes blink{50%{opacity:0}}mean-ai #meanOs-ui-container *{pointer-events:all!important;cursor:pointer!important}@keyframes shake{0%{transform:rotate(2deg)}50%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}100%{transform:rotate(0)}}@font-face{font-family:eruda-icon;src:url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAvoAAsAAAAAEZgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQAAAAFZHb1PUY21hcAAAAYQAAACVAAACUPKX+h1nbHlmAAACHAAAB1oAAAoQydSW4mhlYWQAAAl4AAAAMQAAADYYn0vGaGhlYQAACawAAAAdAAAAJAgEBBVobXR4AAAJzAAAABcAAABIRAb//GxvY2EAAAnkAAAAJgAAACYRiA/MbWF4cAAACgwAAAAfAAAAIAEjAQ1uYW1lAAAKLAAAASkAAAIWm5e+CnBvc3QAAAtYAAAAjwAAAMnZZQoFeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ+zjiBgZWBgamX6QwDA0M/hGZ8zWDEyAEUZWBlZsAKAtJcUxgcPjJ+FGQBcWNYmBgYgTQIMwAA9pkJ13ic7ZHJDcMwDATHtnyf6iNVpKC8Um6aUAUOV5syQmA4EEEJAgn0QBc8ggTNmwbFK6pNrXcstZ541p6kesn3HblRjnOquY3eFC8OjEzMcW9lY+fg5CJHy8A/tpo/v1PWFE2da2uQO6P9lGQ06dIb7a4MBnk0yJNBng3yYrTTshrkzeh3ZTfIh0E+DfJlkLMhfwF2lyt5AAAAeJx1FltsFNf1nntnZ/YxO7PjnZ3ZB55ld9kZ73q9750FO9hYGDDYYLB5NLwMNRgCqFFpkhqFDz6IlKCUqLSfSb7cfkDVRCoVbdWgiqqNqoJUKYR+VMpHP9JWfXzSNu2ue+7sBreV4rXOPfee93OXAME/RtnPiUJIPusEwK0buhQAQxfpR3q4Ows/VOyU0n0TvqakxhW4i/eUE+6+2f1G2EkRT54+ZavER0gA2gFw6PnuO7vgdvfwLujAqZ3do91jO3t8LE+/xe2ALoGYdcBuuo1M3WD50BoJWRwYKiWqQb+i8ksI8DUW69u4yvLrsnZLa7p1Ewz6KnIGLcOwgsiNwutaOEaYZ/cT9gkJkhixvRhtx2412yBGUZXbqJuGaUBWAd2Cetttu03OQMNH9kwPD9fg3uzva93pvScOz0wXS91fvPrk6tUn/7h0fuvExNbzl56UitMzh4/NdadrMHFsH9yrDQ9P74HLVz/++5OrnOEzzum57/nxPnufmKSKUWi6mK2AxIHdnACnnwrQVTAx9blMP8Q0tDkwKDEGQwsfiKo46fPdnw8ZCmCI8F4PX0N8nQ6/WyOKEZq/7/NN4sMHC6FBw4CvSn1MhXVqvy4fsp9hrghg+bH0JtYR2C9Xuj/o3l2BWQ/A3pXuXbYLAcz+D4HHtrZGiAACIUWyHbWIKohOGWOagAqUwTXQfx4H5lmlpiEpGDeGXYG8bloYbr09DjztXCTrUeFpJDMWHwwPUEF/OTuv0Y0F7QUqsCvGFlGIXQh93QwKhpLQL1KBdrpDzs3ji79ZPH7TGfovFN5DHX2+VzLzWjFNtQvU51sxo1ZSv+hfMQcVrv8iFYUd5/9f2kOf1e0eu0fiXt2+qD5fWNB/ilihmOpVyAr2KiTC/XW8R/eq+R0/log3M7/GsEQi5/10bf2i9hn6ff0xO0wGSJrU0DMvc8/SyXPJsmVojkPdAl0BllVoDFu8YYzTZpnCv144deJmPn/zxKmPPkcujC6Nji69zMFYorpJz43lknjom6rsUKFw6+TiraFicejW4slbhULn0z4nAngeWRKbxrKAZwMl0LVeX02ya0Tle8HOZcWYphuNehvcJit2HodCmmlqQZmWDFqGWdHUOvs1U4KZgc3kmfwddgd7imAT5bKSKIk6n9WGF2BOoTlvlJt8Zr0pljIaG3nu7UMvnTm1ZXR0y6kzL53+0sEV80Xj2JXtR2ZwmnE4Z45Mjm0pfQ9eYSNbJ8c2n17649LpzWPFwq1jE6dbpeLuPd/fs7tYSsZHkGXdjwfsARnC3aFAtkxbDc+N9V3h+WZmNJPnmuoiG9+2enf12tSlysi+uZ/M7RupcOTEjm1bqze6P7rcI0492DY1dW316InP6R5jKlm5AdOXPdLd1Wf99xf2V5LwMpFzxqGF9cNq6hZt1N22GcNpRbea45RbVyj9bUktjrTPvvbW9eV2++z16ckrNRViC513a8d32vbO40u9A26otSuT09fPttvL19967Wx7pKiWun9egNg6Dz/6PvwUd2iUJDELuSy2PjY3z8Ig5FoZrQGSKTkSg0O3z52jy+Vk1M+mOocf0nOPHu14+Mbrd5bp8rlk1FLDtx91DoH2xsMdjx7RHKqVCFlbE3wCkG+SO+QxeUo+Ix2edHAnoIXZLeNM2TzLbdc7RN4H2T5BBQVw+HCn4KNHw0ANs/+J4bB6T/wVH6zeDuLcCNLQcL3WMeu9G17GcWF5ptoufzLwRC/65qF/9qhm36okDkPb9vzhsmXqYCY8Y54GjlHT8UQc9INjbc8p29t6DteAXNwQKjfbDko7ksk+VCxtIB6SjIHBcmJjQI7QgNTaLicFNR7bbyRVlpKs0bQSFJgEzJepqCUjFQgaEUGQtKg/LEgCgN8nS8GYEknKkqlZI4mNfllhsrRhdFMiaOrpaEEXFZ8/IscLzZQWEEGkqKka1EMm06KSnIiUIlHGJKG77cz8XGmEsXr9wMLi0vz+kTKl1erc/KL8B18wvKGye0oZ8Adi+Wy9MgmSX27HtXixEtfwzc42DL8ckX+lDwmBsOwXVDWghQWRGcwnFepmVNDLTqKSZ75dsXdLB2enz9I03RfUgnHHTWlBSZYTWSOd95k0FRdC/o2yHApnpCALJMJiVA0aoQF/bWMo4leMZHMoAtQXCInBoGEN5P2iX/D7RFmK2M+le5oycSsvGoKSjNhR1UchKIY3xKImz7JghKKBalpkVAJfILLBtePJSDRlumr3edaoHTy0fHL/3lKZ0XrtwMKXFw/Mlas/tvWEHJ3YpUbjg5bCRpubxaKWlLVQolBNDPA3usUSA35xDBPqjwyoGpN84ZAcEk1JDtvVuF7Uy5viNYeJq/rrhT/NzL0IaT5qax38PmUCxd87SYJTkscFKOLPHtzemfo4AH7vGDH+hWO3zKzNb7h0/tY9rruujjDgDrPqsBvo/NoqWvjfSOXzbj7/bVayUyn734+dSduepEdjlhXrfpfDp/mWbbfyaPo/itrIyAAAeJxjYGRgYABim4vFM+L5bb4ycLMwgMCt/cwpMPr/3///WVhZmIBcDgYQyQAARw4L3AAAAHicY2BkYGBhAAEW1v9///9lYWVgZEAFQgBbzAQjAAAAeJxjYGBgYMGL///HK88KVvMXAFerBEQAAAAAAAAgADQAUgBwALQBAAEiAZAB3AIsAkwCkALQAxIDQATKBQgAAHicY2BkYGAQYmRkYGcAASYg5gJCBob/YD4DAAsEATIAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxti9EOgjAUQ1fYBg4Vxe/go5ZxEZPJyOUmyN+7yKt9aE+aVhXqkFP/1aFACQ0Diwo1TnBocMYFV7S44Y4OD+U8c9r6SKM0B/LrOYkLnkn6IW1zc+CvNiGS5zqk98K0rnagSEKG8pEtfRY/DyXtpJfo94ppzKPJZCOxaz6GKUekIFpSinrzPCv1BZLnLysA') format('woff')}[class^='eruda-icon-']{font-family:eruda-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eruda-icon-tool:before{content:'\f110'}</style><link rel="shortcut icon" href=""><style>.sf-hidden{display:none!important}</style></head>
<body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-BrowserQuest rootpage-BrowserQuest skin-vector action-view skin-vector-legacy"><div id=mw-page-base class=noprint></div>
<div id=mw-head-base class=noprint></div>
<div id=content class=mw-body role=main>
 <a id=top></a>
 <div id=siteNotice class=mw-body-content><div id=centralNotice></div></div>
 <div class="mw-indicators mw-body-content">
 </div>
 <h1 id=firstHeading class=firstHeading lang=en><i>BrowserQuest</i></h1>
 <div id=bodyContent class=mw-body-content>
 <div id=siteSub class=noprint>From Wikipedia, the free encyclopedia</div>
 <div id=contentSub></div>
 <div id=contentSub2></div>
 
 <div id=jump-to-nav></div>
 <a class=mw-jump-link href=#mw-head>Jump to navigation</a>
 <a class=mw-jump-link href=#searchInput>Jump to search</a>
 <div id=mw-content-text lang=en dir=ltr class=mw-content-ltr><div class=mw-parser-output><table class="infobox hproduct" style=float:right;width:22em;font-size:90%;text-align:left;border-spacing:3px><tbody><tr><th colspan=2 class=fn style=text-align:center;font-weight:bold;font-size:110%;font-style:italic>BrowserQuest<tr><td colspan=2 style=text-align:center><a href=https://en.wikipedia.org/wiki/File:BrowserQuest.png class=image title="BrowserQuest logo, the name BrowserQuest in a stylized format"><img alt="BrowserQuest logo, the name BrowserQuest in a stylized format" src="" decoding=async width=220 height=39 srcset data-file-width=458 data-file-height=81 sizes></a><tr><th scope=row style=white-space:nowrap;padding-right:0.65em><a href=https://en.wikipedia.org/wiki/Video_game_developer title="Video game developer">Developer(s)</a><td style=line-height:1.3em><a href="https://en.wikipedia.org/w/index.php?title=Little_Workshop&amp;action=edit&amp;redlink=1" class=new title="Little Workshop (page does not exist)">Little Workshop</a>, <a href=https://en.wikipedia.org/wiki/Mozilla_Foundation title="Mozilla Foundation">Mozilla Foundation</a><tr><th scope=row style=white-space:nowrap;padding-right:0.65em><a href=https://en.wikipedia.org/wiki/Video_game_publisher title="Video game publisher">Publisher(s)</a><td style=line-height:1.3em>Mozilla Foundation<tr><th scope=row style=white-space:nowrap;padding-right:0.65em><a href=https://en.wikipedia.org/wiki/Video_game_genre title="Video game genre">Genre(s)</a><td style=line-height:1.3em><a href=https://en.wikipedia.org/wiki/Massively_multiplayer_online_role-playing_game title="Massively multiplayer online role-playing game">Massively multiplayer online role-playing game</a><tr><th scope=row style=white-space:nowrap;padding-right:0.65em>Mode(s)<td style=line-height:1.3em><a href=https://en.wikipedia.org/wiki/Multiplayer_video_game title="Multiplayer video game">Multiplayer</a></table>
<p><i><b>BrowserQuest</b></i> is a <a href=https://en.wikipedia.org/wiki/Free_software title="Free software">free</a> <a href=https://en.wikipedia.org/wiki/Massively_multiplayer_online_role-playing_game title="Massively multiplayer online role-playing game">massively multiplayer online role-playing game</a> created by <a href="https://en.wikipedia.org/w/index.php?title=Little_Workshop&amp;action=edit&amp;redlink=1" class=new title="Little Workshop (page does not exist)">Little Workshop</a> and <a href=https://en.wikipedia.org/wiki/Mozilla_Foundation title="Mozilla Foundation">Mozilla Foundation</a>.<sup id=cite_ref-creative_bloq_1-0 class=reference><a href=#cite_note-creative_bloq-1>[1]</a></sup><sup id=cite_ref-Mozilla_hacks_2-0 class=reference><a href=#cite_note-Mozilla_hacks-2>[2]</a></sup>
</p>
<div id=toc class=toc role=navigation aria-labelledby=mw-toc-heading><input type=checkbox role=button id=toctogglecheckbox class=toctogglecheckbox style=display:none><div class=toctitle lang=en dir=ltr><h2 id=mw-toc-heading>Contents</h2><span class=toctogglespan><label class=toctogglelabel for=toctogglecheckbox></label></span></div>
<ul>
<li class="toclevel-1 tocsection-1"><a href=#Technology><span class=tocnumber>1</span> <span class=toctext>Technology</span></a></li>
<li class="toclevel-1 tocsection-2"><a href=#Gameplay><span class=tocnumber>2</span> <span class=toctext>Gameplay</span></a></li>
<li class="toclevel-1 tocsection-3"><a href=#Influences><span class=tocnumber>3</span> <span class=toctext>Influences</span></a>
<ul>
<li class="toclevel-2 tocsection-4"><a href=#English><span class=tocnumber>3.1</span> <span class=toctext>English</span></a></li>
<li class="toclevel-2 tocsection-5"><a href=#French><span class=tocnumber>3.2</span> <span class=toctext>French</span></a></li>
<li class="toclevel-2 tocsection-6"><a href=#Korean><span class=tocnumber>3.3</span> <span class=toctext>Korean</span></a></li>
<li class="toclevel-2 tocsection-7"><a href=#Chinese><span class=tocnumber>3.4</span> <span class=toctext>Chinese</span></a></li>
<li class="toclevel-2 tocsection-8"><a href=#Android><span class=tocnumber>3.5</span> <span class=toctext>Android</span></a></li>
<li class="toclevel-2 tocsection-9"><a href=#Windows_Phone><span class=tocnumber>3.6</span> <span class=toctext>Windows Phone</span></a></li>
<li class="toclevel-2 tocsection-10"><a href=#Erlang_based><span class=tocnumber>3.7</span> <span class=toctext>Erlang based</span></a></li>
<li class="toclevel-2 tocsection-11"><a href=#C++_based><span class=tocnumber>3.8</span> <span class=toctext>C++ based</span></a></li>
</ul>
</li>
<li class="toclevel-1 tocsection-12"><a href=#References><span class=tocnumber>4</span> <span class=toctext>References</span></a></li>
<li class="toclevel-1 tocsection-13"><a href=#External_links><span class=tocnumber>5</span> <span class=toctext>External links</span></a></li>
</ul>
</div>
<h2><span class=mw-headline id=Technology>Technology</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=1" title="Edit section: Technology">edit</a><span class=mw-editsection-bracket>]</span></span></h2>
<p><i>BrowserQuest</i> is a demonstration of a number of modern web technologies. It is written in <a href=https://en.wikipedia.org/wiki/HTML5 title=HTML5>HTML5</a>, utilizing <a href=https://en.wikipedia.org/wiki/WebSocket title=WebSocket>WebSockets</a> for multiplayer networking, and is playable from modern web browsers. The <a href=https://en.wikipedia.org/wiki/Client_(computing) title="Client (computing)">client</a> makes use of HTML5's <a href=https://en.wikipedia.org/wiki/Canvas_element title="Canvas element">canvas element</a> to render the graphics, <a href=https://en.wikipedia.org/wiki/Web_worker title="Web worker">web workers</a> to <a href=https://en.wikipedia.org/wiki/Initialization_(programming) title="Initialization (programming)">initialize</a> the map without affecting the rest of the page, <a href=https://en.wikipedia.org/wiki/Web_storage#localStorage title="Web storage">localStorage</a> to save progress, <a href=https://en.wikipedia.org/wiki/Media_queries title="Media queries">media queries</a> to dynamically resize the game to the device, and <a href=https://en.wikipedia.org/wiki/HTML5_Audio class=mw-redirect title="HTML5 Audio">HTML5 Audio</a> to render the sound. The <a href=https://en.wikipedia.org/wiki/Server_(computing) title="Server (computing)">server</a> is written in JavaScript, and runs in <a href=https://en.wikipedia.org/wiki/Node.js title=Node.js>Node.js</a>. The server and browser communicate using <a href=https://en.wikipedia.org/wiki/WebSocket title=WebSocket>WebSockets</a>.
<p>Both <i>BrowserQuest's</i> client and server source code are available on <a href=https://en.wikipedia.org/wiki/GitHub title=GitHub>GitHub</a>.<sup id=cite_ref-Mozilla_hacks_2-1 class=reference><a href=#cite_note-Mozilla_hacks-2>[2]</a></sup> Its code is licensed under <a href=https://en.wikipedia.org/wiki/Mozilla_Public_License title="Mozilla Public License">MPL 2.0</a>. Content is licensed under <a href=https://en.wikipedia.org/wiki/CC_BY-SA class=mw-redirect title="CC BY-SA">CC BY-SA</a> 3.0.<sup id=cite_ref-GitHub_license_3-0 class=reference><a href=#cite_note-GitHub_license-3>[3]</a></sup>
</p>
<h2><span class=mw-headline id=Gameplay>Gameplay</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=2" title="Edit section: Gameplay">edit</a><span class=mw-editsection-bracket>]</span></span></h2>
<p>In <i>BrowserQuest</i>, players can interact with each other using the in-game <a href=https://en.wikipedia.org/wiki/Online_chat title="Online chat">chat</a> system, or by working together to defeat enemies.<sup id=cite_ref-Mozilla_hacks_2-2 class=reference><a href=#cite_note-Mozilla_hacks-2>[2]</a></sup> There are <a href=https://en.wikipedia.org/wiki/Achievement_(video_gaming) class=mw-redirect title="Achievement (video gaming)">achievements</a> available to unlock as one plays. <a href=https://en.wikipedia.org/wiki/Looting_(gaming) class=mw-redirect title="Looting (gaming)">Loot</a> is dropped when players defeat the enemies, which can be picked up by any player. Loot includes the invincibility potion, which changes a player's outfit to appear like the <a href=https://en.wikipedia.org/wiki/Firefox title=Firefox>Firefox</a> logo, and various gear. At one point in time, the system recorded over 1,900 concurrent users playing at the same time.<sup id=cite_ref-escapist_4-0 class=reference><a href=#cite_note-escapist-4>[4]</a></sup><sup id=cite_ref-geek.com_5-0 class=reference><a href=#cite_note-geek.com-5>[5]</a></sup><sup id=cite_ref-ars_technica_6-0 class=reference><a href=#cite_note-ars_technica-6>[6]</a></sup>
</p>
<h2><span class=mw-headline id=Influences>Influences</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=3" title="Edit section: Influences">edit</a><span class=mw-editsection-bracket>]</span></span></h2>
<p><a href=https://en.wikipedia.org/wiki/Mozilla_Foundation title="Mozilla Foundation">Mozilla</a> does not currently have the resources to maintain BrowserQuest. But it has influenced a variety of indie game developers to continue on the idea leading to many community forks:
</p>
<h3><span class=mw-headline id=English>English</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=4" title="Edit section: English">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li><a rel=nofollow class="external text" href=https://github.com/browserquest/BrowserQuest>browserquest/browserquest</a> – The general development group running game here, you're welcome to join at <a rel=nofollow class="external free" href=https://browserquest.herokuapp.com/>https://browserquest.herokuapp.com/</a></li>
<li><a rel=nofollow class="external text" href=https://github.com/particlequest/ParticleQuest>ParticleQuest</a> – Making particle physics fun. The goal of this project is to create a science-based story modifying BrowserQuest.</li>
<li><a rel=nofollow class="external text" href=https://github.com/nenuadrian/BrowserQuest>nenuadrian/browserquest</a> – 06.08.2015 - Original game brought up to date and upgraded to the latest SOCKET.IO plus other minor improvements.</li>
<li>Demo (not always online, sorry): <a rel=nofollow class="external free" href=http://browserquest.codevolution.com/>http://browserquest.codevolution.com</a></li>
<li><a rel=nofollow class="external text" href=https://github.com/0xMatt/BrowserQuest>0xMatt/BrowserQuest</a> – BrowserQuest updated with modern development tools like webpack &amp; converted to TypeScript.</li>
<li><a rel=nofollow class="external text" href=https://github.com/design1online/WTF-Adventure>WTF-Adventure</a> – Expands upon Tap Tap Adventure but updated for babel ES6, webpack, browsersync and includes documentation and unit tests.</li>
<li><a rel=nofollow class="external text" href=https://kaetram.com/>Kaetram</a> – Completely redone game-engine. Assets remain the same. <a rel=nofollow class="external free" href=https://github.com/Veradictus/Kaetram-Open>https://github.com/Veradictus/Kaetram-Open</a></li>
<li><a rel=nofollow class="external text" href=https://github.com/lemueldls/Kaetram-Next>Kaetram-Next</a> – Kaetram fork written in TypeScript and actively maintained with the Kaetram repository.</ul>
<h3><span class=mw-headline id=French>French</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=5" title="Edit section: French">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li>Orientation: <a rel=nofollow class="external text" href=http://www.orientation.auvergne.fr/jeu/client/>http://www.orientation.auvergne.fr/jeu/client/</a></ul>
<h3><span class=mw-headline id=Korean>Korean</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=6" title="Edit section: Korean">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li>Burger Burger Online: <a rel=nofollow class="external text" href=http://burgerburger.kr/>http://burgerburger.kr</a> – Extremely well developed, significantly expanded from the original BrowserQuest
<ul><li>Community: <a rel=nofollow class="external text" href=http://asky.freethinker.kr/>http://asky.freethinker.kr</a></li>
<li>English is added and named QuestWorld</li>
<li>Older source: <a rel=nofollow class="external text" href=https://github.com/browserquest/BrowserQuest-Asky>https://github.com/browserquest/BrowserQuest-Asky</a></li>
<li>Recent Version: <a rel=nofollow class="external text" href=https://questworld.org/>https://questworld.org/</a></ul></ul>
<h3><span class=mw-headline id=Chinese>Chinese</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=7" title="Edit section: Chinese">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li>BrowserQuest-PHP: <a rel=nofollow class="external text" href=http://www.workerman.net/demos/browserquest/>http://www.workerman.net/demos/browserquest/</a> BrowserQuest reworked in PHP by Walkor
<ul><li>Source: <a rel=nofollow class="external text" href=https://github.com/walkor/BrowserQuest-PHP>https://github.com/walkor/BrowserQuest-PHP</a></ul></ul>
<h3><span class=mw-headline id=Android>Android</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=8" title="Edit section: Android">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li><a rel=nofollow class="external text" href=https://github.com/Rudloff/browserquest-android>BrowserQuest for Android</a> – BrowserQuest client, <a rel=nofollow class="external text" href="https://play.google.com/store/apps/details?id=fr.strasweb.browserquest">available in the Android store</a></ul>
<h3><span class=mw-headline id=Windows_Phone>Windows Phone</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=9" title="Edit section: Windows Phone">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li><a rel=nofollow class="external text" href=http://www.windowsphone.com/en-US/store/app/browserquest/9df4ba1e-fa73-40d1-b391-4773d287db35>BrowserQuest for Windows Phone</a> – BrowserQuest, in Windows Phone store</ul>
<h3><span class=mw-headline id=Erlang_based>Erlang based</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=10" title="Edit section: Erlang based">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li><a rel=nofollow class="external text" href=https://github.com/sedrik/bqs>sedrik/bqs</a> – Erlang implementation of the BrowserQuest server</ul>
<h3><span id=C.2B.2B_based></span><span class=mw-headline id=C++_based>C++ based</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=11" title="Edit section: C++ based">edit</a><span class=mw-editsection-bracket>]</span></span></h3>
<ul><li><a rel=nofollow class="external text" href=https://github.com/chain710/browserquestcc>chain710/browserquestcc</a> – C++ implementation of the BrowserQuest server</ul>
<h2><span class=mw-headline id=References>References</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=12" title="Edit section: References">edit</a><span class=mw-editsection-bracket>]</span></span></h2>
<div class="reflist columns references-column-width" style=-moz-column-width:30em;-webkit-column-width:30em;column-width:30em;list-style-type:decimal>
<ol class=references>
<li id=cite_note-creative_bloq-1><span class=mw-cite-backlink><b><a href=#cite_ref-creative_bloq_1-0 aria-label="Jump up" title="Jump up">^</a></b></span> <span class=reference-text><cite id=CITEREFCreative_Bloq_Staff2012 class="citation web cs1">Creative Bloq Staff (2012-12-19). <a rel=nofollow class="external text" href=http://www.creativebloq.com/html5/top-10-html5-games-2012-12125896>"The top 10 HTML5 games of 2012"</a>. <i>Creative Bloq</i>. <a href=https://en.wikipedia.org/wiki/Future_plc title="Future plc">Future plc</a>. <a rel=nofollow class="external text" href=https://web.archive.org/web/20160919181107/http://www.creativebloq.com/html5/top-10-html5-games-2012-12125896>Archived</a> from the original on 2016-09-19<span class=reference-accessdate>. Retrieved <span class=nowrap>2016-09-19</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Creative+Bloq&amp;rft.atitle=The+top+10+HTML5+games+of+2012&amp;rft.date=2012-12-19&amp;rft.au=Creative+Bloq+Staff&amp;rft_id=http%3A%2F%2Fwww.creativebloq.com%2Fhtml5%2Ftop-10-html5-games-2012-12125896&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ABrowserQuest" class=Z3988></span><style data-mw-deduplicate=TemplateStyles:r951705291 class=sf-hidden>.mw-parser-output cite.citation{font-style:inherit}</style></span>
</li>
<li id=cite_note-Mozilla_hacks-2><span class=mw-cite-backlink>^ <a href=#cite_ref-Mozilla_hacks_2-0><span class=cite-accessibility-label>Jump up to: </span><sup><i><b>a</b></i></sup></a> <a href=#cite_ref-Mozilla_hacks_2-1><sup><i><b>b</b></i></sup></a> <a href=#cite_ref-Mozilla_hacks_2-2><sup><i><b>c</b></i></sup></a></span> <span class=reference-text><cite id=CITEREFRouget2012 class="citation web cs1">Rouget, Paul (2012-03-27). <a rel=nofollow class="external text" href=https://hacks.mozilla.org/2012/03/browserquest/>"BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment"</a>. <i>Mozilla Hacks - the Web developer blog</i>. <a href=https://en.wikipedia.org/wiki/Mozilla_Foundation title="Mozilla Foundation">Mozilla Foundation</a>. <a rel=nofollow class="external text" href=https://web.archive.org/web/20160919182234/https://hacks.mozilla.org/2012/03/browserquest/>Archived</a> from the original on 2016-09-19<span class=reference-accessdate>. Retrieved <span class=nowrap>2016-09-19</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Mozilla+Hacks+-+the+Web+developer+blog&amp;rft.atitle=BrowserQuest+%E2%80%93+a+massively+multiplayer+HTML5+%28WebSocket+%2B+Canvas%29+game+experiment&amp;rft.date=2012-03-27&amp;rft.aulast=Rouget&amp;rft.aufirst=Paul&amp;rft_id=https%3A%2F%2Fhacks.mozilla.org%2F2012%2F03%2Fbrowserquest%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ABrowserQuest" class=Z3988></span><link rel=mw-deduplicated-inline-style href=mw-data:TemplateStyles:r951705291 class=sf-hidden></span>
</li>
<li id=cite_note-GitHub_license-3><span class=mw-cite-backlink><b><a href=#cite_ref-GitHub_license_3-0 aria-label="Jump up" title="Jump up">^</a></b></span> <span class=reference-text><cite class="citation web cs1"><a rel=nofollow class="external text" href=https://github.com/mozilla/BrowserQuest/blob/master/LICENSE>"BrowserQuest/LICENSE"</a>. <i>GitHub</i><span class=reference-accessdate>. Retrieved <span class=nowrap>2016-09-19</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=GitHub&amp;rft.atitle=BrowserQuest%2FLICENSE&amp;rft_id=https%3A%2F%2Fgithub.com%2Fmozilla%2FBrowserQuest%2Fblob%2Fmaster%2FLICENSE&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ABrowserQuest" class=Z3988></span><link rel=mw-deduplicated-inline-style href=mw-data:TemplateStyles:r951705291 class=sf-hidden></span>
</li>
<li id=cite_note-escapist-4><span class=mw-cite-backlink><b><a href=#cite_ref-escapist_4-0 aria-label="Jump up" title="Jump up">^</a></b></span> <span class=reference-text><cite id=CITEREFKayatta2012 class="citation web cs1">Kayatta, Mike (2012-03-28). <a rel=nofollow class="external text" href=http://www.escapistmagazine.com/news/view/116540-Mozilla-Releases-Browser-Quest-a-Punny-Free-to-Play-MMO>"Mozilla Releases Browser Quest, a Punny, Free-to-Play MMO"</a>. <i>The Escapist</i>. <a href=https://en.wikipedia.org/wiki/Defy_Media title="Defy Media">Defy Media</a>. <a rel=nofollow class="external text" href=https://web.archive.org/web/20160919191649/http://www.escapistmagazine.com/news/view/116540-Mozilla-Releases-Browser-Quest-a-Punny-Free-to-Play-MMO>Archived</a> from the original on 2016-09-19<span class=reference-accessdate>. Retrieved <span class=nowrap>2016-09-19</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=The+Escapist&amp;rft.atitle=Mozilla+Releases+Browser+Quest%2C+a+Punny%2C+Free-to-Play+MMO&amp;rft.date=2012-03-28&amp;rft.aulast=Kayatta&amp;rft.aufirst=Mike&amp;rft_id=http%3A%2F%2Fwww.escapistmagazine.com%2Fnews%2Fview%2F116540-Mozilla-Releases-Browser-Quest-a-Punny-Free-to-Play-MMO&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ABrowserQuest" class=Z3988></span><link rel=mw-deduplicated-inline-style href=mw-data:TemplateStyles:r951705291 class=sf-hidden></span>
</li>
<li id=cite_note-geek.com-5><span class=mw-cite-backlink><b><a href=#cite_ref-geek.com_5-0 aria-label="Jump up" title="Jump up">^</a></b></span> <span class=reference-text><cite id=CITEREFHolly2012 class="citation web cs1">Holly, Russell (2012-03-27). <a rel=nofollow class="external text" href=http://www.geek.com/review/surrender-an-hour-of-your-day-to-mozillas-browser-quest-1478629/>"Surrender an hour of your day to Mozilla's Browser Quest"</a>. <i>Geek.com</i>. <a href=https://en.wikipedia.org/wiki/Ziff_Davis title="Ziff Davis">Ziff Davis</a>. <a rel=nofollow class="external text" href=https://web.archive.org/web/20160919192139/http://www.geek.com/review/surrender-an-hour-of-your-day-to-mozillas-browser-quest-1478629/>Archived</a> from the original on 2016-09-19<span class=reference-accessdate>. Retrieved <span class=nowrap>2016-09-19</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Geek.com&amp;rft.atitle=Surrender+an+hour+of+your+day+to+Mozilla%27s+Browser+Quest&amp;rft.date=2012-03-27&amp;rft.aulast=Holly&amp;rft.aufirst=Russell&amp;rft_id=http%3A%2F%2Fwww.geek.com%2Freview%2Fsurrender-an-hour-of-your-day-to-mozillas-browser-quest-1478629%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ABrowserQuest" class=Z3988></span><link rel=mw-deduplicated-inline-style href=mw-data:TemplateStyles:r951705291 class=sf-hidden></span>
</li>
<li id=cite_note-ars_technica-6><span class=mw-cite-backlink><b><a href=#cite_ref-ars_technica_6-0 aria-label="Jump up" title="Jump up">^</a></b></span> <span class=reference-text><cite id=CITEREFPaul2012 class="citation web cs1">Paul, Ryan (2012-03-27). <a rel=nofollow class="external text" href=https://arstechnica.com/business/2012/03/mozilla-launches-multiplayer-browser-adventure-to-showcase-html5-gaming/>"Mozilla launches multiplayer browser adventure to showcase HTML5 gaming"</a>. <i>Ars Technica</i>. <a href=https://en.wikipedia.org/wiki/Cond%C3%A9_Nast title="Condé Nast">Condé Nast</a>. <a rel=nofollow class="external text" href=https://web.archive.org/web/20160919192444/http://arstechnica.com/business/2012/03/mozilla-launches-multiplayer-browser-adventure-to-showcase-html5-gaming/>Archived</a> from the original on 2016-09-19<span class=reference-accessdate>. Retrieved <span class=nowrap>2016-09-19</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Ars+Technica&amp;rft.atitle=Mozilla+launches+multiplayer+browser+adventure+to+showcase+HTML5+gaming&amp;rft.date=2012-03-27&amp;rft.aulast=Paul&amp;rft.aufirst=Ryan&amp;rft_id=https%3A%2F%2Farstechnica.com%2Fbusiness%2F2012%2F03%2Fmozilla-launches-multiplayer-browser-adventure-to-showcase-html5-gaming%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3ABrowserQuest" class=Z3988></span><link rel=mw-deduplicated-inline-style href=mw-data:TemplateStyles:r951705291 class=sf-hidden></span>
</li>
</ol></div>
<h2><span class=mw-headline id=External_links>External links</span><span class=mw-editsection><span class=mw-editsection-bracket>[</span><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit&amp;section=13" title="Edit section: External links">edit</a><span class=mw-editsection-bracket>]</span></span></h2>
<style data-mw-deduplicate=TemplateStyles:r936637989 class=sf-hidden>.mw-parser-output .portal{border:solid #aaa 1px;padding:0}.mw-parser-output .portal.tright{margin:0.5em 0 0.5em 1em}.mw-parser-output .portal>ul{display:table;box-sizing:border-box;padding:0.1em;max-width:175px;background:#f9f9f9;font-size:85%;line-height:110%;font-style:italic;font-weight:bold}.mw-parser-output .portal>ul>li{display:table-row}.mw-parser-output .portal>ul>li>span:first-child{display:table-cell;padding:0.2em;vertical-align:middle;text-align:center}.mw-parser-output .portal>ul>li>span:last-child{display:table-cell;padding:0.2em 0.2em 0.2em 0.3em;vertical-align:middle}</style><div role=navigation aria-label=Portals class="noprint portal plainlist tright">
<ul>
<li><span><img alt src="" decoding=async width=28 height=28 class=noviewer srcset data-file-width=249 data-file-height=249 sizes></span><span><a href=https://en.wikipedia.org/wiki/Portal:Video_games title="Portal:Video games">Video games portal</a></span></li>
<li><span><img alt src="" decoding=async width=28 height=28 class=noviewer srcset data-file-width=512 data-file-height=512 sizes></span><span><a href=https://en.wikipedia.org/wiki/Portal:Free_and_open-source_software title="Portal:Free and open-source software">Free and open-source software portal</a></span></ul></div>
<ul><li><span class=official-website><span class=url><a rel=nofollow class="external text" href=https://browserquest.mozilla.org/>Official website</a></span></span></li>
<li><a rel=nofollow class="external text" href=https://github.com/mozilla/BrowserQuest>Original BrowserQuest source code dump repository on GitHub</a></ul>
</div><noscript><img src="//en.wikipedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" title="" width="1" height="1" style="border: none; position: absolute;" /></noscript>
<div class="printfooter sf-hidden">Retrieved from ""</div></div>
 <div id=catlinks class=catlinks data-mw=interface><div id=mw-normal-catlinks class=mw-normal-catlinks><a href=https://en.wikipedia.org/wiki/Help:Category title=Help:Category>Categories</a>: <ul><li><a href=https://en.wikipedia.org/wiki/Category:Mozilla title=Category:Mozilla>Mozilla</a><li><a href=https://en.wikipedia.org/wiki/Category:Massively_multiplayer_online_role-playing_games title="Category:Massively multiplayer online role-playing games">Massively multiplayer online role-playing games</a></ul></div><div id=mw-hidden-catlinks class="mw-hidden-catlinks mw-hidden-cats-hidden sf-hidden">Hidden categories: </div></div>
 </div>
</div>
<div id=mw-data-after-content>
 <div class=read-more-container></div>
</div>
<div id=mw-navigation>
 <h2>Navigation menu</h2>
 <div id=mw-head>
 
<nav id=p-personal class=vector-menu aria-labelledby=p-personal-label role=navigation>
 <h3 id=p-personal-label class=sf-hidden>
 
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=pt-anonuserpage>Not logged in<li id=pt-anontalk><a href=https://en.wikipedia.org/wiki/Special:MyTalk title="Discussion about edits from this IP address [alt-shift-n]" accesskey=n>Talk</a><li id=pt-anoncontribs><a href=https://en.wikipedia.org/wiki/Special:MyContributions title="A list of edits made from this IP address [alt-shift-y]" accesskey=y>Contributions</a><li id=pt-createaccount><a href="https://en.wikipedia.org/w/index.php?title=Special:CreateAccount&amp;returnto=BrowserQuest" title="You are encouraged to create an account and log in; however, it is not mandatory">Create account</a><li id=pt-login><a href="https://en.wikipedia.org/w/index.php?title=Special:UserLogin&amp;returnto=BrowserQuest" title="You're encouraged to log in; however, it's not mandatory. [alt-shift-o]" accesskey=o>Log in</a></ul>
 
 </div>
</nav>
 <div id=left-navigation>
 
<nav id=p-namespaces class="vector-menu vector-menu-tabs vectorTabs" aria-labelledby=p-namespaces-label role=navigation>
 <h3 id=p-namespaces-label class=sf-hidden>
 
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=ca-nstab-main class=selected><a href=https://en.wikipedia.org/wiki/BrowserQuest title="View the content page [alt-shift-c]" accesskey=c>Article</a><li id=ca-talk><a href=https://en.wikipedia.org/wiki/Talk:BrowserQuest rel=discussion title="Discuss improvements to the content page [alt-shift-t]" accesskey=t>Talk</a></ul>
 
 </div>
</nav>
 
<nav id=p-variants class="vector-menu-empty emptyPortlet vector-menu vector-menu-dropdown vectorMenu sf-hidden" aria-labelledby=p-variants-label role=navigation>
 
 
 
 
</nav>
 </div>
 <div id=right-navigation>
 
<nav id=p-views class="vector-menu vector-menu-tabs vectorTabs" aria-labelledby=p-views-label role=navigation>
 <h3 id=p-views-label class=sf-hidden>
 
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=ca-view class="selected collapsible"><a href=https://en.wikipedia.org/wiki/BrowserQuest>Read</a><li id=ca-edit class=collapsible><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=edit" title="Edit this page [alt-shift-e]" accesskey=e>Edit</a><li id=ca-history class=collapsible><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=history" title="Past revisions of this page [alt-shift-h]" accesskey=h>View history</a></ul>
 
 </div>
</nav>
 
<nav id=p-cactions class="vector-menu-empty emptyPortlet vector-menu vector-menu-dropdown vectorMenu sf-hidden" aria-labelledby=p-cactions-label role=navigation>
 
 
 
 
</nav>
 <div id=p-search role=search>
 <h3>
 <label for=searchInput>Search</label>
 </h3>
 <form action=/w/index.php id=searchform>
 <div id=simpleSearch>
 <input type=search name=search placeholder="Search Wikipedia" title="Search Wikipedia [alt-shift-f]" accesskey=f id=searchInput value>
 
 <input type=submit name=fulltext value=Search title="Search Wikipedia for this text" id=mw-searchButton class="searchButton mw-fallbackSearchButton">
 <input type=submit name=go value=Go title="Go to a page with this exact name if it exists" id=searchButton class=searchButton>
 </div>
 </form>
</div>
 </div>
 </div>
 
<div id=mw-panel>
 <div id=p-logo role=banner>
 <a title="Visit the main page" class=mw-wiki-logo href=https://en.wikipedia.org/wiki/Main_Page></a>
 </div>
 
<nav id=p-navigation class="vector-menu vector-menu-portal portal portal-first" aria-labelledby=p-navigation-label role=navigation>
 <h3 id=p-navigation-label class=sf-hidden>
 
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=n-mainpage-description><a href=https://en.wikipedia.org/wiki/Main_Page title="Visit the main page [alt-shift-z]" accesskey=z>Main page</a><li id=n-contents><a href=https://en.wikipedia.org/wiki/Wikipedia:Contents title="Guides to browsing Wikipedia">Contents</a><li id=n-currentevents><a href=https://en.wikipedia.org/wiki/Portal:Current_events title="Find background information on current events">Current events</a><li id=n-randompage><a href=https://en.wikipedia.org/wiki/Special:Random title="Visit a randomly selected article [alt-shift-x]" accesskey=x>Random article</a><li id=n-aboutsite><a href=https://en.wikipedia.org/wiki/Wikipedia:About title="Learn about Wikipedia and how it works">About Wikipedia</a><li id=n-contactpage><a href=https://en.wikipedia.org/wiki/Wikipedia:Contact_us title="How to contact Wikipedia">Contact us</a><li id=n-sitesupport><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en" title="Support us by donating to the Wikimedia Foundation">Donate</a><li id=n-shoplink class=sf-hidden></ul>
 
 </div>
</nav>
 
<nav id=p-interaction class="vector-menu vector-menu-portal portal" aria-labelledby=p-interaction-label role=navigation>
 <h3 id=p-interaction-label>
 <span>Contribute</span>
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=n-help><a href=https://en.wikipedia.org/wiki/Help:Contents title="Guidance on how to use and edit Wikipedia">Help</a><li id=n-portal><a href=https://en.wikipedia.org/wiki/Wikipedia:Community_portal title="About the project, what you can do, where to find things">Community portal</a><li id=n-recentchanges><a href=https://en.wikipedia.org/wiki/Special:RecentChanges title="A list of recent changes to Wikipedia [alt-shift-r]" accesskey=r>Recent changes</a><li id=n-upload><a href=https://en.wikipedia.org/wiki/Wikipedia:File_Upload_Wizard title="Add images or other media for use on Wikipedia">Upload file</a></ul>
 
 </div>
</nav>
<nav id=p-tb class="vector-menu vector-menu-portal portal" aria-labelledby=p-tb-label role=navigation>
 <h3 id=p-tb-label>
 <span>Tools</span>
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=t-whatlinkshere><a href=https://en.wikipedia.org/wiki/Special:WhatLinksHere/BrowserQuest title="List of all English Wikipedia pages containing links to this page [alt-shift-j]" accesskey=j>What links here</a><li id=t-recentchangeslinked><a href=https://en.wikipedia.org/wiki/Special:RecentChangesLinked/BrowserQuest rel=nofollow title="Recent changes in pages linked from this page [alt-shift-k]" accesskey=k>Related changes</a><li id=t-upload class=sf-hidden><li id=t-specialpages><a href=https://en.wikipedia.org/wiki/Special:SpecialPages title="A list of all special pages [alt-shift-q]" accesskey=q>Special pages</a><li id=t-permalink><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;oldid=975348605" title="Permanent link to this revision of this page">Permanent link</a><li id=t-info><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;action=info" title="More information about this page">Page information</a><li id=t-cite><a href="https://en.wikipedia.org/w/index.php?title=Special:CiteThisPage&amp;page=BrowserQuest&amp;id=975348605&amp;wpFormIdentifier=titleform" title="Information on how to cite this page">Cite this page</a><li id=t-wikibase><a href=https://www.wikidata.org/wiki/Special:EntityPage/Q3094290 title="Structured data on this page hosted by Wikidata [alt-shift-g]" accesskey=g>Wikidata item</a></ul>
 
 </div>
</nav>
<nav id=p-coll-print_export class="vector-menu vector-menu-portal portal" aria-labelledby=p-coll-print_export-label role=navigation>
 <h3 id=p-coll-print_export-label>
 <span>Print/export</span>
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li id=coll-download-as-rl><a href="https://en.wikipedia.org/w/index.php?title=Special:DownloadAsPdf&amp;page=BrowserQuest&amp;action=show-download-screen" title="Download this page as a PDF file">Download as PDF</a><li id=t-print><a href="https://en.wikipedia.org/w/index.php?title=BrowserQuest&amp;printable=yes" title="Printable version of this page [alt-shift-p]" accesskey=p>Printable version</a></ul>
 
 </div>
</nav>
 
<nav id=p-lang class="vector-menu vector-menu-portal portal" aria-labelledby=p-lang-label role=navigation><button class=uls-settings-trigger title="Language settings"></button>
 <h3 id=p-lang-label>
 <span>Languages</span>
 </h3>
 
 <div class="body vector-menu-content">
 
 <ul class=vector-menu-content-list><li class="interlanguage-link interwiki-ru"><a href=https://ru.wikipedia.org/wiki/BrowserQuest title="BrowserQuest – Russian" lang=ru hreflang=ru class=interlanguage-link-target>Русский</a><li class="interlanguage-link interwiki-zh"><a href=https://zh.wikipedia.org/wiki/Browserquest title="Browserquest – Chinese" lang=zh hreflang=zh class=interlanguage-link-target>中文</a></ul>
 <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href=https://www.wikidata.org/wiki/Special:EntityPage/Q3094290#sitelinks-wikipedia title="Edit interlanguage links" class=wbc-editpage>Edit links</a></span></div>
 </div>
</nav>
</div>
</div>
<footer id=footer class=mw-footer role=contentinfo>
 <ul id=footer-info>
 <li id=footer-info-lastmod> This page was last edited on 28 August 2020, at 00:56<span class=anonymous-show>&nbsp;(UTC)</span>.</li>
 <li id=footer-info-copyright>Text is available under the <a rel=license href=https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License>Creative Commons Attribution-ShareAlike License</a><a rel=license href=https://creativecommons.org/licenses/by-sa/3.0/ style=display:none class=sf-hidden></a>;
additional terms may apply. By using this site, you agree to the <a href=https://foundation.wikimedia.org/wiki/Terms_of_Use>Terms of Use</a> and <a href=https://foundation.wikimedia.org/wiki/Privacy_policy>Privacy Policy</a>. Wikipedia® is a registered trademark of the <a href=https://www.wikimediafoundation.org/>Wikimedia Foundation, Inc.</a>, a non-profit organization.</li>
 </ul>
 <ul id=footer-places>
 <li id=footer-places-privacy><a href=https://foundation.wikimedia.org/wiki/Privacy_policy class=extiw title="wmf:Privacy policy">Privacy policy</a></li>
 <li id=footer-places-about><a href=https://en.wikipedia.org/wiki/Wikipedia:About title=Wikipedia:About>About Wikipedia</a></li>
 <li id=footer-places-disclaimer><a href=https://en.wikipedia.org/wiki/Wikipedia:General_disclaimer title="Wikipedia:General disclaimer">Disclaimers</a></li>
 <li id=footer-places-contact><a href=https://en.wikipedia.org/wiki/Wikipedia:Contact_us>Contact Wikipedia</a></li>
 <li id=footer-places-mobileview><a href="https://en.m.wikipedia.org/w/index.php?title=BrowserQuest&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li>
 <li id=footer-places-developers><a href=https://www.mediawiki.org/wiki/Special:MyLanguage/How_to_contribute>Developers</a></li>
 <li id=footer-places-statslink><a href=https://stats.wikimedia.org/#/en.wikipedia.org>Statistics</a></li>
 <li id=footer-places-cookiestatement><a href=https://foundation.wikimedia.org/wiki/Cookie_statement>Cookie statement</a></li>
 <li style=display:none class=sf-hidden></ul>
 <ul id=footer-icons class=noprint>
 <li id=footer-copyrightico><a href=https://wikimediafoundation.org/><img src="" srcset width=88 height=31 alt="Wikimedia Foundation" loading=lazy sizes></a></li>
 <li id=footer-poweredbyico><a href=https://www.mediawiki.org/><img src="" alt="Powered by MediaWiki" srcset width=88 height=31 loading=lazy sizes></a></li>
 </ul>
 <div style=clear:both></div>
</footer>
<script type=application/ld+json class=sf-hidden>{"@context":"https://schema.org","@type":"Article","name":"BrowserQuest","url":"https://en.wikipedia.org/wiki/BrowserQuest","sameAs":"http://www.wikidata.org/entity/Q3094290","mainEntity":"http://www.wikidata.org/entity/Q3094290","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https://www.wikimedia.org/static/images/wmf-hor-googpub.png"}},"datePublished":"2012-03-30T15:40:49Z","dateModified":"2020-08-28T00:56:09Z","headline":"HTML5 video game"}</script>
<iframe class="chrome-voice-assistant chrome-voice-assistant-hidden svelte-gk6uh4 sf-hidden" seamless title="meanOs Voice Assistant" data-single-file-win-id=0.0></iframe><a accesskey=v href="https://en.wikipedia.org/wiki/BrowserQuest?action=edit" class="oo-ui-element-hidden sf-hidden"></a><div id=mwe-popups-svg><svg xmlns=http://www.w3.org/2000/svg width=0 height=0><defs><clippath id=mwe-popups-mask><path d="M0 8h10l8-8 8 8h974v992H0z"></path></clippath><clippath id=mwe-popups-mask-flip><path d="M0 8h294l8-8 8 8h690v992H0z"></path></clippath><clippath id=mwe-popups-landscape-mask><path d="M0 8h174l8-8 8 8h810v992H0z"></path></clippath><clippath id=mwe-popups-landscape-mask-flip><path d="M0 0h1000v242H190l-8 8-8-8H0z"></path></clippath></defs></svg></div><mean-ai><div id=meanOs-ui class=meanOs-containment>
 <div id=meanOs-message-container></div>
 <div id=meanOs-ui-container class="meanOs-status-service-worker draggable" style=touch-action:none>
 <input type=checkbox id=meanOs-ui-toggle class=sf-hidden>
 <div class="meanOs-description sf-hidden">
 
 </div>
 <label for=meanOs-ui-toggle class=meanOs-toggle id=meanAiHandle>
 <img src="" id=meanAi-icon style=pointer-events:none;transform:rotate(-2.95511rad)>
 </label>
 <button class="blob fuchsia sf-hidden">
 
 </button>
 <button class="blob playstation sf-hidden">
 
 </button>
 <button class="blob windows sf-hidden">
 
 </button>
 <button class="blob continuum sf-hidden">
 
 </button>
 <button class="blob webos sf-hidden">
 
 </button>
 <button class="blob kali sf-hidden">
 
 </button>
 <button class="blob osx sf-hidden">
 
 </button>
 <button class="blob store sf-hidden">
 
 </button>
 </div>
 </div></mean-ai><div class="__chii-hide__ sf-hidden" style=display:none;position:absolute;pointer-events:none></div><div style=all:initial><template shadowmode=open><div id=eruda class=eruda-container contenteditable=false><div class="eruda-dev-tools sf-hidden" style=height:30%></div><div class=eruda-entry-btn style=touch-action:none;left:1276px;top:496px><span class=eruda-icon-tool></span></div><div class="eruda-elements-highlight sf-hidden"></div></div><style class=sf-hidden>:host{all:initial}</style><style class=sf-hidden>.luna-object-viewer{overflow-x:auto;-webkit-overflow-scrolling:touch;cursor:default;font-size:12px;line-height:1.2;min-height:100%;color:#333;list-style:none!important}.luna-object-viewer>li>.luna-object-viewer-key{display:none}.luna-object-viewer>li{padding:10px 0}.luna-object-viewer ul{list-style:none!important}.luna-object-viewer ul{padding:0!important;padding-left:15px!important;margin:0!important}.luna-object-viewer li{position:relative;white-space:nowrap;line-height:16px;min-height:16px}.luna-object-viewer span{position:static!important}.luna-object-viewer li .luna-object-viewer-collapsed~.luna-object-viewer-close:before{color:#999}.luna-object-viewer-array .luna-object-viewer-object .luna-object-viewer-key{display:inline}.luna-object-viewer-null{color:grey}.luna-object-viewer-regexp,.luna-object-viewer-string{color:#1a1aa6}.luna-object-viewer-number{color:#1c00cf}.luna-object-viewer-boolean{color:#881280}.luna-object-viewer-special{color:grey}.luna-object-viewer-key,.luna-object-viewer-key-lighter{color:#c80000}.luna-object-viewer-key-lighter{opacity:.6}.luna-object-viewer-expanded:before{content:"";width:0;height:0;border:4px solid transparent;position:absolute;border-top-color:#333;left:-12px;top:6px}.luna-object-viewer-collapsed:before{content:"";border-left-color:#333;border-top-color:transparent;left:-10px;top:4px}.luna-object-viewer-hidden~ul{display:none}.luna-notification{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;pointer-events:none;display:flex;flex-direction:column;font-size:14px}.luna-notification-item{display:flex;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);padding:10px 16px;background:#fff}.luna-notification-lower{margin-top:16px}.luna-notification-upper{margin-bottom:16px}.luna-object-viewer{color:#676E95;font-size:12px!important}.luna-object-viewer>li{padding:10px 0!important}.luna-object-viewer-null{color:#89ddff}.luna-object-viewer-regexp,.luna-object-viewer-string{color:#c3e88d}.luna-object-viewer-number{color:#f78c6c}.luna-object-viewer-boolean{color:#c792ea}.luna-object-viewer-special{color:#89ddff}.luna-object-viewer-key,.luna-object-viewer-key-lighter{color:#eeffff}.luna-object-viewer-expanded:before{border-color:transparent;border-top-color:#A6ACCD}.luna-object-viewer-collapsed:before{border-top-color:transparent;border-left-color:#A6ACCD}.luna-notification{pointer-events:none!important;padding:10px;z-index:1000}.luna-notification-item{z-index:500;color:#A6ACCD;background:#292D3E;box-shadow:none;padding:5px 10px;border:1px solid #2b2a3e}.luna-notification-upper{margin-bottom:10px}.luna-notification-lower{margin-top:10px}.eruda-container{pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000;color:#A6ACCD;font-size:14px;direction:ltr}.eruda-container *{box-sizing:border-box;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}.eruda-container ul{list-style:none;padding:0;margin:0}.eruda-container h1,.eruda-container h2,.eruda-container h3,.eruda-container h4{margin:0}.eruda-hidden{display:none}.eruda-tag-name-color{color:#f07178}.eruda-function-color{color:#82aaff}.eruda-attribute-name-color{color:#ffcb6b}.eruda-operator-color{color:#89ddff}.eruda-string-color{color:#c3e88d}.eruda-container a,.eruda-container abbr,.eruda-container acronym,.eruda-container address,.eruda-container applet,.eruda-container article,.eruda-container aside,.eruda-container audio,.eruda-container b,.eruda-container big,.eruda-container blockquote,.eruda-container canvas,.eruda-container caption,.eruda-container center,.eruda-container cite,.eruda-container code,.eruda-container dd,.eruda-container del,.eruda-container details,.eruda-container dfn,.eruda-container dl,.eruda-container dt,.eruda-container em,.eruda-container embed,.eruda-container fieldset,.eruda-container figcaption,.eruda-container figure,.eruda-container footer,.eruda-container form,.eruda-container h1,.eruda-container h2,.eruda-container h3,.eruda-container h4,.eruda-container h5,.eruda-container h6,.eruda-container header,.eruda-container hgroup,.eruda-container i,.eruda-container iframe,.eruda-container img,.eruda-container ins,.eruda-container kbd,.eruda-container label,.eruda-container legend,.eruda-container li,.eruda-container mark,.eruda-container menu,.eruda-container nav,.eruda-container object,.eruda-container ol,.eruda-container output,.eruda-container p,.eruda-container pre,.eruda-container q,.eruda-container ruby,.eruda-container s,.eruda-container samp,.eruda-container section,.eruda-container small,.eruda-container span,.eruda-container strike,.eruda-container strong,.eruda-container sub,.eruda-container summary,.eruda-container sup,.eruda-container table,.eruda-container tbody,.eruda-container td,.eruda-container tfoot,.eruda-container th,.eruda-container thead,.eruda-container time,.eruda-container tr,.eruda-container tt,.eruda-container u,.eruda-container ul,.eruda-container var,.eruda-container video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.eruda-container article,.eruda-container aside,.eruda-container details,.eruda-container figcaption,.eruda-container figure,.eruda-container footer,.eruda-container header,.eruda-container hgroup,.eruda-container menu,.eruda-container nav,.eruda-container section{display:block}.eruda-container body{line-height:1}.eruda-container ol,.eruda-container ul{list-style:none}.eruda-container blockquote,.eruda-container q{quotes:none}.eruda-container blockquote:after,.eruda-container blockquote:before,.eruda-container q:after,.eruda-container q:before{content:'';content:none}.eruda-container table{border-collapse:collapse;border-spacing:0}[class*=' eruda-icon-'],[class^='eruda-icon-']{font-family:eruda-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eruda-icon-arrow-left:before{content:'\f101'}.eruda-icon-arrow-right:before{content:'\f102'}.eruda-icon-caret-down:before{content:'\f103'}.eruda-icon-caret-right:before{content:'\f104'}.eruda-icon-clear:before{content:'\f105'}.eruda-icon-compress:before{content:'\f106'}.eruda-icon-delete:before{content:'\f107'}.eruda-icon-error:before{content:'\f108'}.eruda-icon-expand:before{content:'\f109'}.eruda-icon-eye:before{content:'\f10a'}.eruda-icon-play:before{content:'\f10b'}.eruda-icon-refresh:before{content:'\f10c'}.eruda-icon-reset:before{content:'\f10d'}.eruda-icon-search:before{content:'\f10e'}.eruda-icon-select:before{content:'\f10f'}.eruda-icon-tool:before{content:'\f110'}.eruda-icon-warn:before{content:'\f111'}</style><style class=sf-hidden>.eruda-dev-tools{font-family:Arial,Helvetica,sans-serif;position:absolute;width:100%;height:100%;left:0;bottom:0;background:#292D3E;z-index:500;display:none;padding-top:40px!important;opacity:0;transition:opacity .3s,height .3s}.eruda-dev-tools .eruda-tools{overflow:auto;-webkit-overflow-scrolling:touch;font-family:Arial,Helvetica,sans-serif;height:100%;width:100%;position:relative}.eruda-dev-tools .eruda-tools .eruda-tool{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;display:none}</style><style class=sf-hidden>.eruda-container{font-family:Arial,Helvetica,sans-serif}.eruda-container .eruda-nav-bar-container{position:absolute;width:100%;height:40px;left:0;top:0;z-index:100}.eruda-container .eruda-nav-bar-container .eruda-nav-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid #2b2a3e;border-bottom:1px solid #2b2a3e;width:100%;height:100%;background:#202331;font-size:0;white-space:nowrap}.eruda-container .eruda-nav-bar-container .eruda-nav-bar-item{cursor:pointer;display:inline-block;height:38px;line-height:38px;padding:0 10px;color:#A6ACCD;font-size:12px;text-align:center;text-transform:capitalize;transition:all .3s}.eruda-container .eruda-nav-bar-container .eruda-nav-bar-item:active{background:#444267;color:#FFFFFF}.eruda-container .eruda-nav-bar-container .eruda-nav-bar-item.eruda-active{background:#444267;color:#FFFFFF}.eruda-container .eruda-nav-bar-container .eruda-bottom-bar{transition:left .3s,width .3s;height:1px;background:#ab47bc;position:absolute;bottom:0;left:0}</style><style class=sf-hidden>.eruda-container .eruda-entry-btn{width:40px;height:40px;display:flex;background:#000;opacity:.3;border-radius:10px;position:fixed;left:10px;bottom:10px;z-index:1000;transition:opacity .3s;color:#fff;font-size:25px;cursor:pointer;align-items:center;justify-content:center}.eruda-container .eruda-entry-btn.eruda-active,.eruda-container .eruda-entry-btn:active{opacity:.8}</style><style class=sf-hidden>#eruda-settings{overflow-y:auto;-webkit-overflow-scrolling:touch}#eruda-settings .eruda-separator{height:10px}#eruda-settings .eruda-text{padding:10px;color:#ab47bc;font-size:12px}#eruda-settings .eruda-color,#eruda-settings .eruda-range,#eruda-settings .eruda-select{cursor:pointer}#eruda-settings .eruda-color .eruda-head,#eruda-settings .eruda-range .eruda-head,#eruda-settings .eruda-select .eruda-head,#eruda-settings .eruda-switch{padding:10px;background:#202331;font-size:14px;border-bottom:1px solid #2b2a3e;border-top:1px solid #2b2a3e;color:#676E95;margin-top:-1px}#eruda-settings .eruda-color .eruda-head,#eruda-settings .eruda-range .eruda-head,#eruda-settings .eruda-select .eruda-head{transition:background .3s,color .3s}#eruda-settings .eruda-color .eruda-head span,#eruda-settings .eruda-range .eruda-head span,#eruda-settings .eruda-select .eruda-head span{float:right}#eruda-settings .eruda-color .eruda-head:active,#eruda-settings .eruda-range .eruda-head:active,#eruda-settings .eruda-select .eruda-head:active{background:#444267;color:#FFFFFF}#eruda-settings .eruda-color .eruda-head span{display:inline-block;border:1px solid #2b2a3e;width:15px;height:15px}#eruda-settings .eruda-select ul{display:none;border-bottom:1px solid #2b2a3e;color:#A6ACCD}#eruda-settings .eruda-select ul.eruda-open{display:block}#eruda-settings .eruda-select ul li{padding:10px;transition:background .3s,color .3s}#eruda-settings .eruda-select ul li:active{background:#444267;color:#FFFFFF}#eruda-settings .eruda-color ul{display:none;padding:10px;font-size:0;border-bottom:1px solid #2b2a3e}#eruda-settings .eruda-color ul.eruda-open{display:block}#eruda-settings .eruda-color ul li{display:inline-block;width:20px;border:1px solid #2b2a3e;height:20px;margin-right:10px}#eruda-settings .eruda-range .eruda-input-container{display:none;padding:10px;border-bottom:1px solid #2b2a3e;position:relative}#eruda-settings .eruda-range .eruda-input-container.eruda-open{display:block}#eruda-settings .eruda-range .eruda-input-container .eruda-range-track{height:4px;width:100%;padding:0 10px;position:absolute;left:0;top:16px}#eruda-settings .eruda-range .eruda-input-container .eruda-range-track .eruda-range-track-bar{background:#202331;border-radius:2px;overflow:hidden;width:100%;height:4px}#eruda-settings .eruda-range .eruda-input-container .eruda-range-track .eruda-range-track-bar .eruda-range-track-progress{height:100%;background:#ab47bc;width:50%}#eruda-settings .eruda-range .eruda-input-container input{-webkit-appearance:none;background:0 0;height:4px;width:100%;position:relative;top:-3px;margin:0 auto;outline:0;border-radius:2px}#eruda-settings .eruda-range .eruda-input-container input::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:0;z-index:1;width:16px;border:none;height:16px;border-radius:10px;border:1px solid #2b2a3e;background:radial-gradient(circle at center,#aaa 0,#aaa 15%,#ccc 22%,#ccc 100%)}#eruda-settings .eruda-switch .eruda-checkbox{float:right;position:relative;vertical-align:top;width:46px;height:20px;padding:3px;border-radius:18px;border:1px solid #2b2a3e;cursor:pointer;background-image:linear-gradient(to bottom,#aaa,#ccc 25px)}#eruda-settings .eruda-switch .eruda-checkbox .eruda-input{position:absolute;top:0;left:0;opacity:0}#eruda-settings .eruda-switch .eruda-checkbox .eruda-label{pointer-events:none;position:relative;display:block;height:12px;font-size:10px;text-transform:uppercase;background:#202331;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);transition:.15s ease-out;transition-property:opacity background}#eruda-settings .eruda-switch .eruda-checkbox .eruda-label:after,#eruda-settings .eruda-switch .eruda-checkbox .eruda-label:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}#eruda-settings .eruda-switch .eruda-checkbox .eruda-input:checked~.eruda-label{background:#ab47bc;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}#eruda-settings .eruda-switch .eruda-checkbox .eruda-input:checked~.eruda-label:before{opacity:0}#eruda-settings .eruda-switch .eruda-checkbox .eruda-input:checked~.eruda-label:after{opacity:1}#eruda-settings .eruda-switch .eruda-checkbox .eruda-handle{position:absolute;pointer-events:none;top:0;left:0;width:18px;height:18px;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,.2);background-image:linear-gradient(to bottom,#ccc 40%,#aaa);transition:left .15s ease-out}#eruda-settings .eruda-switch .eruda-checkbox .eruda-handle:before{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02);background-image:linear-gradient(to bottom,#aaa,#ccc)}#eruda-settings .eruda-switch .eruda-checkbox .eruda-input:checked~.eruda-handle{left:30px;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}</style><style class=sf-hidden>.eruda-container .eruda-console-container{padding-top:40px;padding-bottom:24px}.eruda-console-container{width:100%;height:100%}.eruda-console-container.eruda-js-input-hidden{padding-bottom:0}.eruda-console-container .eruda-control{position:absolute;width:100%;height:40px;left:0;top:0;cursor:default;font-size:0;padding:10px 10px 10px 35px;background:#202331;color:#676E95;line-height:20px;border-bottom:1px solid #2b2a3e}.eruda-console-container .eruda-control .eruda-icon-clear,.eruda-console-container .eruda-control .eruda-icon-search{display:inline-block;padding:10px;font-size:16px;position:absolute;top:1px;cursor:pointer;transition:color .3s}.eruda-console-container .eruda-control .eruda-icon-clear:active,.eruda-console-container .eruda-control .eruda-icon-search:active{color:#ab47bc}.eruda-console-container .eruda-control .eruda-icon-clear{padding-right:0;left:0}.eruda-console-container .eruda-control .eruda-icon-search{right:0}.eruda-console-container .eruda-control .eruda-filter{cursor:pointer;font-size:12px;height:20px;display:inline-block;margin:0 2px;padding:0 4px;line-height:20px;transition:background .3s,color .3s}.eruda-console-container .eruda-control .eruda-filter.eruda-active{background:#444267;color:#FFFFFF}.eruda-console-container .eruda-control .eruda-search-keyword{position:absolute;line-height:20px;max-width:80px;overflow:hidden;right:40px;font-size:14px;text-overflow:ellipsis}.eruda-console-container .eruda-js-input{pointer-events:none;position:absolute;z-index:100;left:0;bottom:0;width:100%;border-top:1px solid #2b2a3e;height:24px}.eruda-console-container .eruda-js-input .eruda-icon-arrow-right{line-height:23px;color:#ab47bc;position:absolute;left:10px;top:0;z-index:10}.eruda-console-container .eruda-js-input.eruda-active{height:100%;padding-top:40px;padding-bottom:40px;border-top:none}.eruda-console-container .eruda-js-input.eruda-active .eruda-icon-arrow-right{display:none}.eruda-console-container .eruda-js-input.eruda-active textarea{padding-left:10px}.eruda-console-container .eruda-js-input .eruda-buttons{display:none;position:absolute;left:0;bottom:0;width:100%;height:40px;color:#676E95;background:#202331;font-size:12px;border-top:1px solid #2b2a3e}.eruda-console-container .eruda-js-input .eruda-buttons .eruda-button{pointer-events:all;cursor:pointer;width:50%;display:inline-block;text-align:center;border-right:1px solid #2b2a3e;height:40px;line-height:40px;transition:background .3s,color .3s}.eruda-console-container .eruda-js-input .eruda-buttons .eruda-button:last-child{border-right:none}.eruda-console-container .eruda-js-input .eruda-buttons .eruda-button:active{color:#FFFFFF;background:#444267}.eruda-console-container .eruda-js-input textarea{pointer-events:all;padding:3px 10px;padding-left:25px;outline:0;border:none;font-size:14px;width:100%;height:100%;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;resize:none;color:#676E95;background:#292D3E}</style><style class=sf-hidden>.eruda-console-container .eruda-logs-container{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;position:relative;will-change:scroll-position}.eruda-console-container .eruda-fake-logs{position:absolute;left:0;top:0;pointer-events:none;visibility:hidden;width:100%}.eruda-console-container .eruda-fake-logs *{overflow:hidden;color:#000;position:static}.eruda-console-container .eruda-logs{font-size:14px;padding-top:1px;position:absolute;width:100%}.eruda-console-container .eruda-log-container{box-sizing:content-box}.eruda-console-container .eruda-header{white-space:nowrap;display:flex;font-size:12px;color:#80cbc4;border-top:1px solid transparent;border-bottom:1px solid #2b2a3e}.eruda-console-container .eruda-header .eruda-time-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:3px 10px}.eruda-console-container .eruda-nesting-level{width:14px;flex-shrink:0;margin-top:-1px;margin-bottom:-1px;position:relative;border-right:1px solid #2b2a3e}.eruda-console-container .eruda-nesting-level.eruda-group-closed::before{content:''}.eruda-console-container .eruda-nesting-level::before{border-bottom:1px solid #2b2a3e;position:absolute;top:0;left:0;margin-left:100%;width:5px;height:100%;box-sizing:border-box}.eruda-console-container .eruda-log-item{position:relative;display:flex;border-top:1px solid transparent;border-bottom:1px solid #2b2a3e;margin-top:-1px;min-height:24px;color:#A6ACCD}.eruda-console-container .eruda-log-item:after{content:'';display:block;clear:both}.eruda-console-container .eruda-log-item a{color:#80cbc4!important}.eruda-console-container .eruda-log-item .eruda-icon-container{padding-top:2px;margin:0 -6px 0 10px}.eruda-console-container .eruda-log-item .eruda-icon-container .eruda-icon{line-height:20px;font-size:12px;color:#A6ACCD;position:relative}.eruda-console-container .eruda-log-item .eruda-icon-container .eruda-icon-caret-down,.eruda-console-container .eruda-log-item .eruda-icon-container .eruda-icon-caret-right{left:-2px}.eruda-console-container .eruda-log-item .eruda-icon-container .eruda-icon-error{color:#ef3842}.eruda-console-container .eruda-log-item .eruda-icon-container .eruda-icon-warn{top:-1px;color:#e8a400}.eruda-console-container .eruda-log-item .eruda-count{background:#A6ACCD;padding:2px 4px;color:#000;border-radius:10px;font-size:12px;float:left;margin:2px -6px 0 10px}.eruda-console-container .eruda-log-item .eruda-log-content-wrapper{flex:1;overflow:hidden}.eruda-console-container .eruda-log-item .eruda-log-content{padding:3px 0;margin:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre-wrap;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.eruda-console-container .eruda-log-item .eruda-log-content *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.eruda-console-container .eruda-log-item.eruda-html table,.eruda-console-container .eruda-log-item.eruda-table table{width:100%;border-collapse:collapse;overflow:hidden;color:#A6ACCD}.eruda-console-container .eruda-log-item.eruda-html table th,.eruda-console-container .eruda-log-item.eruda-table table th{background:#202331}.eruda-console-container .eruda-log-item.eruda-html table td,.eruda-console-container .eruda-log-item.eruda-html table th,.eruda-console-container .eruda-log-item.eruda-table table td,.eruda-console-container .eruda-log-item.eruda-table table th{border:1px solid #2b2a3e;padding:3px 10px}.eruda-console-container .eruda-log-item.eruda-html table tr:nth-child(even),.eruda-console-container .eruda-log-item.eruda-table table tr:nth-child(even){background:#202331}.eruda-console-container .eruda-log-item.eruda-error{z-index:50;background:#290000;color:#ff8080;border-top:1px solid #5c0000;border-bottom:1px solid #5c0000}.eruda-console-container .eruda-log-item.eruda-error .eruda-stack{padding-left:1.2em;white-space:nowrap}.eruda-console-container .eruda-log-item.eruda-error .eruda-count{background:#ff8080}.eruda-console-container .eruda-log-item.eruda-debug{z-index:20}.eruda-console-container .eruda-log-item.eruda-input{border-bottom-color:transparent}.eruda-console-container .eruda-log-item.eruda-warn{z-index:40;color:#ffcb6b;background:#332a00;border-top:1px solid #650;border-bottom:1px solid #650}.eruda-console-container .eruda-log-item.eruda-warn .eruda-count{background:#e8a400}.eruda-console-container .eruda-log-item.eruda-info{z-index:30}.eruda-console-container .eruda-log-item.eruda-group,.eruda-console-container .eruda-log-item.eruda-groupCollapsed{font-weight:700}</style><style class=sf-hidden>#eruda-elements{padding-bottom:40px;font-size:14px}#eruda-elements .eruda-show-area{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}#eruda-elements .eruda-parents{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#202331;color:#676E95;padding:10px;white-space:nowrap;border-bottom:1px solid #2b2a3e;cursor:pointer;font-size:12px}#eruda-elements .eruda-parents li{display:inline-block}#eruda-elements .eruda-parents li .eruda-parent{display:inline-block}#eruda-elements .eruda-parents li:last-child{margin-right:0}#eruda-elements .eruda-parents .eruda-icon-arrow-right{font-size:8px;position:relative;top:-1px}#eruda-elements .eruda-breadcrumb{background:#202331;color:#676E95;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin-bottom:10px;word-break:break-all;padding:10px;font-size:16px;min-height:40px;border-bottom:1px solid #2b2a3e;cursor:pointer;transition:background .3s,color .3s}#eruda-elements .eruda-breadcrumb:active{background:#444267;color:#FFFFFF}#eruda-elements .eruda-breadcrumb:active span{color:#FFFFFF}#eruda-elements .eruda-section{border-bottom:1px solid #2b2a3e;color:#A6ACCD;margin-bottom:10px}#eruda-elements .eruda-section h2{color:#676E95;background:#202331;border-top:1px solid #2b2a3e;padding:10px;font-size:14px;transition:background .3s}#eruda-elements .eruda-section h2 .eruda-btn{display:flex;margin-left:5px;float:right;color:#676E95;width:18px;height:18px;justify-content:center;align-items:center;font-size:16px;cursor:pointer;transition:color .3s}#eruda-elements .eruda-section h2 .eruda-btn.eruda-search-keyword{width:auto;max-width:80px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:inline-block}#eruda-elements .eruda-section h2 .eruda-btn:active{color:#ab47bc}#eruda-elements .eruda-section h2.eruda-active-effect{cursor:pointer}#eruda-elements .eruda-section h2.eruda-active-effect:active{background:#444267;color:#FFFFFF}#eruda-elements .eruda-children{background:#202331;color:#A6ACCD;margin-bottom:10px!important;border-bottom:1px solid #2b2a3e}#eruda-elements .eruda-children li{overflow-x:auto;-webkit-overflow-scrolling:touch;cursor:default;padding:10px;border-top:1px solid #2b2a3e;white-space:nowrap;transition:background .3s,color .3s}#eruda-elements .eruda-children li span{transition:color .3s}#eruda-elements .eruda-children li.eruda-active-effect{cursor:pointer}#eruda-elements .eruda-children li.eruda-active-effect:active{background:#444267;color:#FFFFFF}#eruda-elements .eruda-children li.eruda-active-effect:active span{color:#FFFFFF}#eruda-elements .eruda-attributes{font-size:12px}#eruda-elements .eruda-attributes a{color:#80cbc4}#eruda-elements .eruda-attributes .eruda-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}#eruda-elements .eruda-attributes table td{padding:5px 10px}#eruda-elements .eruda-text-content{background:#fff}#eruda-elements .eruda-text-content .eruda-content{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px}#eruda-elements .eruda-style-color{position:relative;top:1px;width:10px;height:10px;border-radius:50%;margin-right:2px;border:1px solid #2b2a3e;display:inline-block}#eruda-elements .eruda-box-model{overflow-x:auto;-webkit-overflow-scrolling:touch;color:#222;font-size:12px;padding:10px;text-align:center;white-space:nowrap;border-bottom:1px solid var(--color)}#eruda-elements .eruda-box-model .eruda-label{position:absolute;margin-left:3px;padding:0 2px}#eruda-elements .eruda-box-model .eruda-bottom,#eruda-elements .eruda-box-model .eruda-left,#eruda-elements .eruda-box-model .eruda-right,#eruda-elements .eruda-box-model .eruda-top{display:inline-block}#eruda-elements .eruda-box-model .eruda-left,#eruda-elements .eruda-box-model .eruda-right{vertical-align:middle}#eruda-elements .eruda-box-model .eruda-border,#eruda-elements .eruda-box-model .eruda-content,#eruda-elements .eruda-box-model .eruda-margin,#eruda-elements .eruda-box-model .eruda-padding,#eruda-elements .eruda-box-model .eruda-position{position:relative;background:#fff;display:inline-block;text-align:center;vertical-align:middle;padding:3px;margin:3px}#eruda-elements .eruda-box-model .eruda-position{border:1px grey dotted}#eruda-elements .eruda-box-model .eruda-margin{border:1px dashed;background:rgba(246,178,107,.66)}#eruda-elements .eruda-box-model .eruda-border{border:1px #000 solid;background:rgba(255,229,153,.66)}#eruda-elements .eruda-box-model .eruda-padding{border:1px grey dashed;background:rgba(147,196,125,.55)}#eruda-elements .eruda-box-model .eruda-content{border:1px grey solid;min-width:100px;background:rgba(111,168,220,.66)}#eruda-elements .eruda-computed-style{font-size:12px}#eruda-elements .eruda-computed-style a{color:#80cbc4}#eruda-elements .eruda-computed-style .eruda-table-wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:200px;border-top:1px solid #2b2a3e}#eruda-elements .eruda-computed-style table td{padding:5px 10px}#eruda-elements .eruda-computed-style table td.eruda-key{white-space:nowrap;color:#eeffff}#eruda-elements .eruda-styles{font-size:12px}#eruda-elements .eruda-styles .eruda-style-wrapper{padding:10px}#eruda-elements .eruda-styles .eruda-style-wrapper .eruda-style-rules{border:1px solid #2b2a3e;padding:10px;margin-bottom:10px}#eruda-elements .eruda-styles .eruda-style-wrapper .eruda-style-rules .eruda-rule{padding-left:2em;word-break:break-all}#eruda-elements .eruda-styles .eruda-style-wrapper .eruda-style-rules .eruda-rule a{color:#80cbc4}#eruda-elements .eruda-styles .eruda-style-wrapper .eruda-style-rules .eruda-rule span{color:#eeffff}#eruda-elements .eruda-styles .eruda-style-wrapper .eruda-style-rules:last-child{margin-bottom:0}#eruda-elements .eruda-listeners{font-size:12px}#eruda-elements .eruda-listeners .eruda-listener-wrapper{padding:10px}#eruda-elements .eruda-listeners .eruda-listener-wrapper .eruda-listener{margin-bottom:10px;overflow:hidden;border:1px solid #2b2a3e}#eruda-elements .eruda-listeners .eruda-listener-wrapper .eruda-listener .eruda-listener-type{padding:10px;background:#202331;color:#676E95}#eruda-elements .eruda-listeners .eruda-listener-wrapper .eruda-listener .eruda-listener-content li{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px;border-top:none}#eruda-elements .eruda-bottom-bar{height:40px;background:#202331;position:absolute;left:0;bottom:0;width:100%;font-size:0;border-top:1px solid #2b2a3e}#eruda-elements .eruda-bottom-bar .eruda-btn{cursor:pointer;text-align:center;color:#676E95;font-size:14px;line-height:40px;width:25%;display:inline-block;transition:background .3s,color .3s}#eruda-elements .eruda-bottom-bar .eruda-btn:active{background:#444267;color:#FFFFFF}#eruda-elements .eruda-bottom-bar .eruda-btn.eruda-active{color:#ab47bc}</style><style class=sf-hidden>.eruda-elements-highlight{display:none;position:absolute;left:0;right:0;z-index:-100;pointer-events:none!important}.eruda-elements-highlight *{pointer-events:none!important}.eruda-elements-highlight .eruda-indicator{position:absolute;left:0;right:0;width:100%;height:100%}.eruda-elements-highlight .eruda-margin{position:absolute}.eruda-elements-highlight .eruda-border{position:absolute;left:0;right:0;width:100%;height:100%}.eruda-elements-highlight .eruda-padding{position:absolute}.eruda-elements-highlight .eruda-content{position:absolute}.eruda-elements-highlight .eruda-size{position:absolute;top:0;left:0;background:#fff;color:#222;font-size:12px;height:25px;line-height:25px;text-align:center;padding:0 5px;white-space:nowrap;overflow-x:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,.05),0 1px 4px 0 rgba(0,0,0,.08),0 3px 1px -2px rgba(0,0,0,.2)}</style><style class=sf-hidden>#eruda-network{padding-top:36px}#eruda-network .eruda-title{position:absolute;width:100%;height:36px;left:0;top:0;background:#202331;padding:10px;color:#676E95;height:36px;border-bottom:1px solid #2b2a3e}#eruda-network .eruda-title .eruda-btn{display:flex;margin-left:5px;float:right;color:#676E95;width:18px;height:18px;justify-content:center;align-items:center;font-size:16px;cursor:pointer;transition:color .3s}#eruda-network .eruda-title .eruda-btn.eruda-search-keyword{width:auto;max-width:80px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:inline-block}#eruda-network .eruda-title .eruda-btn:active{color:#ab47bc}#eruda-network .eruda-requests{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;border-bottom:1px solid #2b2a3e;margin-bottom:10px}#eruda-network .eruda-requests li{display:flex;width:100%;cursor:pointer;border-bottom:1px solid #2b2a3e;height:41px;color:#A6ACCD;white-space:nowrap}#eruda-network .eruda-requests li.eruda-error span{color:#ff8080}#eruda-network .eruda-requests li span{display:block;line-height:40px;height:40px;padding:0 5px;font-size:12px;vertical-align:top;text-overflow:ellipsis;overflow:hidden}#eruda-network .eruda-requests li .eruda-name{flex:1;padding-left:10px}#eruda-network .eruda-requests li .eruda-status{width:40px}#eruda-network .eruda-requests li .eruda-method,#eruda-network .eruda-requests li .eruda-type{width:50px}#eruda-network .eruda-requests li .eruda-size{width:70px}#eruda-network .eruda-requests li .eruda-time{width:60px;padding-right:10px}#eruda-network .eruda-requests li:nth-child(even){background:#202331}#eruda-network .eruda-detail{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;display:none;padding-bottom:40px;background:#292D3E}#eruda-network .eruda-detail .eruda-http{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}#eruda-network .eruda-detail .eruda-http .eruda-breadcrumb{background:#202331;color:#676E95;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin-bottom:10px;word-break:break-all;padding:10px;font-size:16px;min-height:40px;border-bottom:1px solid #2b2a3e}#eruda-network .eruda-detail .eruda-http .eruda-section{border-top:1px solid #2b2a3e;border-bottom:1px solid #2b2a3e;margin-bottom:10px}#eruda-network .eruda-detail .eruda-http .eruda-section h2{background:#202331;color:#676E95;padding:10px;font-size:14px}#eruda-network .eruda-detail .eruda-http .eruda-section table{color:#A6ACCD}#eruda-network .eruda-detail .eruda-http .eruda-section table *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#eruda-network .eruda-detail .eruda-http .eruda-section table td{font-size:12px;padding:5px 10px;word-break:break-all}#eruda-network .eruda-detail .eruda-http .eruda-section table .eruda-key{white-space:nowrap;font-weight:700;color:#ab47bc}#eruda-network .eruda-detail .eruda-http .eruda-data,#eruda-network .eruda-detail .eruda-http .eruda-response{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px;font-size:12px;margin-bottom:10px;white-space:pre-wrap;border-top:1px solid #2b2a3e;color:#A6ACCD;border-bottom:1px solid #2b2a3e}#eruda-network .eruda-detail .eruda-back{position:absolute;left:0;bottom:0;color:#A6ACCD;width:100%;border-top:1px solid #2b2a3e;background:#202331;display:block;height:40px;line-height:40px;text-decoration:none;text-align:center;margin-top:10px;transition:background .3s;cursor:pointer}#eruda-network .eruda-detail .eruda-back:active{color:#FFFFFF}</style><style class=sf-hidden>#eruda-resources{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;font-size:14px}#eruda-resources .eruda-section{margin-bottom:10px;overflow:hidden;border:1px solid #2b2a3e}#eruda-resources .eruda-section .eruda-content{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:400px}#eruda-resources .eruda-section.eruda-warn{border:1px solid #650}#eruda-resources .eruda-section.eruda-warn .eruda-title{background:#332a00;color:#ffcb6b}#eruda-resources .eruda-section.eruda-danger{border:1px solid #5c0000}#eruda-resources .eruda-section.eruda-danger .eruda-title{background:#290000;color:#ff8080}#eruda-resources .eruda-title{padding:10px;color:#676E95;background:#202331}#eruda-resources .eruda-title .eruda-btn{display:flex;margin-left:5px;float:right;color:#676E95;width:18px;height:18px;justify-content:center;align-items:center;font-size:16px;cursor:pointer;transition:color .3s}#eruda-resources .eruda-title .eruda-btn.eruda-search-keyword{width:auto;max-width:80px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:inline-block}#eruda-resources .eruda-title .eruda-btn:active{color:#ab47bc}#eruda-resources .eruda-link-list{font-size:12px;color:#A6ACCD}#eruda-resources .eruda-link-list li{padding:10px;word-break:break-all}#eruda-resources .eruda-link-list li a{color:#80cbc4!important}#eruda-resources .eruda-image-list{color:#A6ACCD;font-size:12px;display:flex;flex-wrap:wrap;padding:10px!important}#eruda-resources .eruda-image-list:after{content:'';display:block;clear:both}#eruda-resources .eruda-image-list li{flex-grow:1;cursor:pointer;overflow-y:hidden}#eruda-resources .eruda-image-list li.eruda-image{height:100px;font-size:0}#eruda-resources .eruda-image-list li img{height:100px;min-width:100%;-o-object-fit:cover;object-fit:cover}#eruda-resources table{color:#A6ACCD;border-collapse:collapse;width:100%;font-size:12px}#eruda-resources table tr:nth-child(even){background:#202331}#eruda-resources table td{padding:10px;word-break:break-all}#eruda-resources table td.eruda-key{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:120px}#eruda-resources table td.eruda-control{padding:0;font-size:0;width:40px}#eruda-resources table td.eruda-control .eruda-icon-delete{cursor:pointer;color:#676E95;font-size:14px;display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;transition:color .3s}#eruda-resources table td.eruda-control .eruda-icon-delete:active{color:#ab47bc}</style><style class=sf-hidden>#eruda-sources{overflow-y:auto;-webkit-overflow-scrolling:touch;color:#A6ACCD}#eruda-sources .eruda-code-wrapper,#eruda-sources .eruda-raw-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;min-height:100%}#eruda-sources .eruda-raw{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:10px}#eruda-sources .eruda-code{font-size:12px}#eruda-sources .eruda-code .eruda-content *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#eruda-sources pre.eruda-code{padding:10px}#eruda-sources table.eruda-code{border-collapse:collapse}#eruda-sources table.eruda-code .eruda-gutter{background:#292D3E;color:#676E95}#eruda-sources table.eruda-code .eruda-line-num{border-right:1px solid #2b2a3e;padding:0 3px 0 5px;text-align:right}#eruda-sources table.eruda-code .eruda-code-line{padding:0 4px;white-space:pre}#eruda-sources .eruda-image .eruda-breadcrumb{background:#202331;color:#676E95;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin-bottom:10px;word-break:break-all;padding:10px;font-size:16px;min-height:40px;border-bottom:1px solid #2b2a3e}#eruda-sources .eruda-image .eruda-img-container{text-align:center}#eruda-sources .eruda-image .eruda-img-container img{max-width:100%}#eruda-sources .eruda-image .eruda-img-info{text-align:center;margin:20px 0;color:#A6ACCD}#eruda-sources .eruda-json{padding:0 10px}#eruda-sources .eruda-json *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#eruda-sources iframe{width:100%;height:100%}</style><style class=sf-hidden>#eruda-info{overflow-y:auto;-webkit-overflow-scrolling:touch}#eruda-info li{margin:10px;border:1px solid #2b2a3e}#eruda-info li .eruda-content,#eruda-info li .eruda-title{padding:10px}#eruda-info li .eruda-title{padding-bottom:0;font-size:16px;color:#ab47bc}#eruda-info li .eruda-content{margin:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#A6ACCD;word-break:break-all}#eruda-info li .eruda-content table{width:100%;border-collapse:collapse}#eruda-info li .eruda-content table td,#eruda-info li .eruda-content table th{border:1px solid #2b2a3e;padding:10px}#eruda-info li .eruda-content *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#eruda-info li .eruda-content a{color:#80cbc4}#eruda-info li .eruda-device-key,#eruda-info li .eruda-system-key{width:100px}</style><style class=sf-hidden>#eruda-snippets{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px}#eruda-snippets .eruda-section{margin-bottom:10px;border:1px solid #2b2a3e;overflow:hidden;cursor:pointer}#eruda-snippets .eruda-section:active .eruda-name{background:#444267;color:#FFFFFF}#eruda-snippets .eruda-section .eruda-name{padding:10px;color:#676E95;background:#202331;transition:background .3s}#eruda-snippets .eruda-section .eruda-name .eruda-btn{margin-left:10px;float:right;text-align:center;width:18px;height:18px;line-height:18px;font-size:12px}#eruda-snippets .eruda-section .eruda-description{color:#A6ACCD;padding:10px;transition:background .3s}</style><style class=sf-hidden>.eruda-container .eruda-abstract .eruda-key{color:#eeffff}.eruda-container .eruda-abstract .eruda-number{color:#f78c6c}.eruda-container .eruda-abstract .eruda-null{color:#89ddff}.eruda-container .eruda-abstract .eruda-string{color:#c3e88d}.eruda-container .eruda-abstract .eruda-boolean{color:#c792ea}.eruda-container .eruda-abstract .eruda-special{color:#89ddff}</style></template></div><script data-template-shadow-root>(()=>{document.currentScript.remove();processNode(document);function processNode(node){node.querySelectorAll("template[shadowmode]").forEach(element=>{if (!element.parentElement.shadowRoot) {const shadowRoot=element.parentElement.attachShadow({mode:element.getAttribute("shadowmode"),delegatesFocus:Boolean(element.getAttribute("delegatesfocus"))});shadowRoot.innerHTML=element.innerHTML;element.remove();processNode(shadowRoot)}})}})()</script>